/* Pagination
   ========================================================================== */
.pagination {
  @include pagination;
  &__item,
  & > li {
    @include pagination__item;
  }
  &__link,
  & > li > a,
  & > li > span {
    @include pagination__link;
  }
  &__item.active .pagination__link,
  & > li.active > a,
  & > li.active > span {
    @include pagination__link--active;
  }
  &__item.disabled,
  & > li.disabled > a,
  & > li.disabled > span {
    @include pagination__link--disabled;
  }
  &__item,
  & > li {
    &:first-child {
      & > a,
      & > span {
        @include pagination__link--first;
      }
    }
    &:last-child {
      & > a,
      & > span {
        @include pagination__link--last;
      }
    }
  }
}

.infinite-scroll-pager {
  @include pagination;
  &__loader {
    .infinite-scroll-pager--spinner & {
      @include spinner();
    }
    .infinite-scroll-pager--throbber & {
      @include throbber();
    }
  }
}

.infinite-scroll {
  @include pagination;
  flex-direction: column;
  align-items: center;
  &--hide {
    display: none;
  }
  &__loader {
    display: none;
    .infinite-scroll--loading & {
      display: block;
    }
  }
  &__loader-content {
    @include throbber();
  }
  &__button {
    @include button;
    @include button--color(primary);
    .infinite-scroll--auto-trigger &,
    .infinite-scroll--loading & {
      display: none;
    }
  }
}