@mixin pagination---alter() {
}

@mixin pagination() {
  margin: $pagination-margin-top #{-($pagination-item-space/2)} 0;
  padding: 0;
  display: flex;
  justify-content: center;
  @include pagination---alter;
}

@mixin pagination__item---alter() {
}

@mixin pagination__item() {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0 ($pagination-item-space/2);
  @include pagination__item---alter;
}

@mixin pagination__link---alter() {
}

@mixin pagination__link() {
  position: relative;
  display: block;
  font-family: $pagination-link-font-family;
  font-size: $pagination-link-font-size;
  font-weight: $pagination-link-font-weight;
  padding: $pagination-link-padding-y $pagination-link-padding-x;
  margin-left: -$pagination-link-border-width;
  line-height: $pagination-link-line-height;
  color: $pagination-link-color;
  background-color: $pagination-link-bg;
  border: $pagination-link-border-width solid $pagination-link-border-color;
  @if $pagination-item-space != 0 {
    border-radius: $pagination-link-border-radius;
  }
  &:hover,
  &:focus {
    color: $pagination-link-hover-color;
    background-color: $pagination-link-hover-bg;
    border-color: $pagination-link-hover-border-color;
    text-decoration: none;
  }
  @include pagination__link---alter;
}

@mixin pagination__link--first---alert {
}

@mixin pagination__link--first {
  border-top-left-radius: $pagination-link-border-radius;
  border-bottom-left-radius: $pagination-link-border-radius;
  @include pagination__link--first---alert;
}

@mixin pagination__link--last---alert {
}

@mixin pagination__link--last {
  border-top-right-radius: $pagination-link-border-radius;
  border-bottom-right-radius: $pagination-link-border-radius;
  @include pagination__link--last---alert;
}

@mixin pagination__link--active---alter() {
}

@mixin pagination__link--active() {
  &,
  &:hover,
  &:focus {
    z-index: 2;
    font-weight: $pagination-link-active-font-weight;
    color: $pagination-link-active-color;
    background-color: $pagination-link-active-bg;
    border-color: $pagination-link-active-border-color;
  }
  @include pagination__link--active---alter;
}

@mixin pagination__link--disabled---alter() {
}

@mixin pagination__link--disabled() {
  &,
  &:hover,
  &:focus {
    pointer-events: none;
    color: $pagination-link-disabled-color;
    background-color: $pagination-link-disabled-bg;
    border-color: $pagination-link-disabled-border-color;
  }
  @include pagination__link--disabled---alter;
}