// Bootstrap 5.3 - Pagination Component Variables

$pagination-padding-y: 0.375rem;
$pagination-padding-x: 0.75rem;
$pagination-padding-y-sm: 0.25rem;
$pagination-padding-x-sm: 0.5rem;
$pagination-padding-y-lg: 0.75rem;
$pagination-padding-x-lg: 1.5rem;

$pagination-font-size: $font-size-base;

$pagination-color: $primary;
$pagination-bg: $white;
$pagination-border-radius: $radius-sm;
$pagination-border-width: 1px;
$pagination-margin-start: calc(#{$pagination-border-width} * -1);
$pagination-border-color: $gray-300;

$pagination-focus-color: null;
$pagination-focus-bg: $gray-200;
$pagination-focus-box-shadow: $input-focus-box-shadow;
$pagination-focus-outline: 0;

$pagination-hover-color: null;
$pagination-hover-bg: $gray-200;
$pagination-hover-border-color: $gray-300;

$pagination-active-color: $white;
$pagination-active-bg: $primary;
$pagination-active-border-color: $primary;

$pagination-disabled-color: $gray-600;
$pagination-disabled-bg: $white;
$pagination-disabled-border-color: $gray-300;

$pagination-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

$pagination-border-radius-sm: $radius-sm;
$pagination-border-radius-lg: $radius-lg;