// Pagination
$pagination-item-height:                    2rem !default;
$pagination-item-width:                     $pagination-item-height !default;
$pagination-item-bg:                        var(--#{$prefix}body-bg) !default;
$pagination-item-space:                     0.5rem !default;
$pagination-font-weight:                    $font-weight-semibold !default;
$pagination-font-size:                      1rem !default;
$pagination-icon-font-size:                 0.85rem !default;
$pagination-icon-height:                    $pagination-item-height * 0.35 !default;

$pagination-font-size-sm:                  0.875rem !default;
$pagination-item-height-tablet-and-mobile:  1.5rem !default;
$pagination-item-width-tablet-and-mobile:   1.5rem !default;
$pagination-item-space-tablet-and-mobile:   0.25rem !default;
$pagination-icon-height-tablet-and-mobile:  $pagination-item-height-tablet-and-mobile * 0.35 !default;


// scss-docs-start pagination-variables
$pagination-padding-y:              0.375rem !default;
$pagination-padding-x:              0.75rem !default;
$pagination-padding-y-sm:           0.25rem !default;
$pagination-padding-x-sm:           0.5rem !default;
$pagination-padding-y-lg:           0.75rem !default;
$pagination-padding-x-lg:           1.5rem !default;

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

$pagination-color:                  var(--#{$prefix}gray-700) !default;
$pagination-bg:                     transparent !default;
$pagination-border-radius:          $btn-border-radius !default;
$pagination-border-width:           0 !default;
$pagination-margin-start:           0 !default;
$pagination-border-color:           transparent !default;

$pagination-focus-color:            $primary !default;
$pagination-focus-bg:               $gray-100 !default;
$pagination-focus-box-shadow:       none !default;
$pagination-focus-outline:          0 !default;

$pagination-hover-color:            $primary !default;
$pagination-hover-bg:               $gray-100 !default;
$pagination-hover-border-color:     transparent !default; // Todo in v6: remove this?

$pagination-active-color:           $component-active-color !default;
$pagination-active-bg:              $component-active-bg !default;
$pagination-active-border-color:    $component-active-bg !default;

$pagination-disabled-color:         var(--#{$prefix}gray-400) !default;
$pagination-disabled-bg:            transparent !default;
$pagination-disabled-border-color:  transparent !default;

$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 !default;

$pagination-border-radius-sm:       var(--#{$prefix}border-radius-sm) !default;
$pagination-border-radius-lg:       var(--#{$prefix}border-radius-lg) !default;
// scss-docs-end pagination-variables
