// Extra-small (xs, 24px) pagination. v10 ships sm/lg only; upstream carbon#21695.
// v11 sizes from layout.height; at xs that is 24px ($size-xs / 1.5rem in v10).

@import "carbon-components/scss/globals/scss/vars";
@import "carbon-components/scss/globals/scss/helper-mixins";
@import "carbon-components/scss/globals/scss/vendor/@carbon/layout/scss/generated/size";
@import "carbon-components/scss/globals/scss/vendor/@carbon/elements/scss/import-once/import-once";

/// Extra-small pagination (Carbon size="xs", 24px)
/// @access private
/// @group components
@mixin pagination-xs {
  .#{$prefix}--pagination--xs {
    min-height: $size-xs;
  }

  .#{$prefix}--pagination--xs .#{$prefix}--select-input {
    line-height: $size-xs;
  }

  .#{$prefix}--pagination--xs .#{$prefix}--pagination__button,
  .#{$prefix}--pagination--xs
    .#{$prefix}--btn--ghost.#{$prefix}--pagination__button {
    width: $size-xs;
    height: $size-xs;
    min-height: $size-xs;
  }
}

@include exports("pagination-xs") {
  @include pagination-xs;
}