/**
 * Bootstrap pagination
 */

@use "../settings" as *;
@use "../tools" as *;

@import "bootstrap/scss/pagination";

.pagination {
  --#{$prefix}link-font-weight: #{$font-weight-base};
  flex-wrap: wrap;
  gap: 1px 2px;
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
  background-color: $gray-400;
  @include edgel-shadow();

  &::after {
    flex-grow: 100;
    margin-right: -2px;
    content: "";
  }
}

.page-item {
  flex-grow: 1;
}

.page-link {
  --#{$prefix}btn-focus-border-color: currentcolor;
  @include edgel-focus-outline();

  fill: $pagination-color;

  .disabled & {
    fill: $pagination-disabled-color;
  }
}