@import '../../border/style/variables';
@import '../../form-control/style/variables';

@import './properties';

// Pagination

$petals--pagination-page-number-size: 36px !default;

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

$petals--pagination-color: $petals--text-primary !default;
$petals--pagination-bg: $__petals--white !default;
$petals--pagination-bg-image: var($__petals--default-bg-image, $petals--default-bg-image) !default;
$petals--pagination-border-width: $petals--border-width !default;
$petals--pagination-border-radius: var(
  $__petals--form-control-border-radius,
  $petals--form-control-border-radius
) !default;
$petals--pagination-margin-left: -$petals--pagination-border-width !default;
$petals--pagination-border-color: #e3e3e3 !default;

$petals--pagination-changer-input-bg-image: var($__petals--default-bg-image, $petals--default-bg-image) !default;
$petals--pagination-jumper-input-width: var($__petals--form-control-height, $petals--form-control-height) !default;

$petals--pagination-focus-box-shadow: $petals--input-btn-focus-box-shadow !default;
$petals--pagination-focus-outline: 0 !default;

$petals--pagination-hover-color: $petals--primary !default;
// $petals--pagination-hover-bg: $petals--gray-200 !default;
// $petals--pagination-hover-border-color: $petals--gray-300 !default;

$petals--pagination-active-border-color: var($__petals--primary, $petals--primary) !default;
$petals--pagination-active-color: $__petals--white !default;
$petals--pagination-active-bg: var($__petals--primary, $petals--primary) !default;
$petals--pagination-active-bg-image: none !default;

$petals--pagination-disabled-color: var($__petals--disabled-color, $petals--disabled-color) !default;
$petals--pagination-disabled-bg: $__petals--white !default;
$petals--pagination-disabled-border-color: var(
  $__petals--disabled-border-color,
  $petals--disabled-border-color
) !default;