.#{$pagination-prefix-cls} {
  display: inline-block;
  // 1-2: Disable browser default list styles
  padding-left: 0; // 1
  font-size: $pagination-font-size;
  list-style: none; // 2

  // item
  &__item {
    display: inline-block; // Remove list-style and block-level defaults
    font-size: inherit;
    vertical-align: middle;

    //link
    &-link {
      position: relative;
      float: left; // Collapse white-space
      min-width: $pagination-width;
      height: $pagination-height;
      padding: 0 2px; // 保证页码大时左右两边有留白
      margin-right: $pagination-space;
      margin-left: -1px;
      font-size: inherit;
      line-height: $pagination-height - $pagination-border-width * 2;
      color: $pagination-color;
      text-align: center;
      cursor: pointer;
      background-color: $pagination-bg;
      border: $pagination-border-width solid $pagination-border-color;
      @include border-radius();
      @include hover {
        color: $pagination-hover-color;
        text-decoration: none;
        background-color: $pagination-hover-bg;
        border-color: $pagination-hover-border;
      }
    }


    // next
    &--next &-link {
      margin-right: 0;
    }

    // jump
    &--jump &-link {
      color: $gray-light-25 !important;
      border-color: transparent;
      > i{
        font-size: 24px;
      }
      &-next,
      &-prev {
        > i {
          font-size: 12px;
        }
      }
      //&::after{
      //  //letter-spacing: 2px;
      //  content: "\2022\2022\2022";
      //}
    }
    // active
    &--active &-link {
      z-index: 2;
      color: $pagination-active-color;
      text-decoration: none;
      background-color: $pagination-active-bg;
      border-color: $pagination-active-border;
    }

    // disabled
    @include status-disabled {
      .#{$pagination-prefix-cls}__item-link {
        color: $pagination-disabled-color;
        cursor: $cursor-disabled; // While `pointer-events: none` removes the cursor in modern browsers, we provide a disabled cursor as a fallback.
        background-color: $pagination-disabled-bg;
        border-color: $pagination-disabled-border;
      }
    }
  }

  // options
  &__options {
    position: relative;
    display: inline-block;
    margin-left: $pagination-space * 2;

    // size-changer
    &-size-changer {
      position: relative;
      display: inline-block;
      margin-right: $pagination-space * 2;
      font-size: inherit;
      vertical-align: middle;
    }

    &-size-select {
      height: $pagination-height;
      font-size: inherit;
      line-height: $pagination-height - $pagination-border-width * 2;
      span {
        font-size: inherit;
      }
      i {
        font-size: $pagination-icon-font-size;
      }
    }

    // quick-jumper
    &-quick-jumper {
      display: inline-block;
      font-size: inherit;
      input{
        display: inline-block;
        width: $pagination-input-width;
        height: $pagination-height;
        margin: 0 $pagination-space;
        font-size: inherit;
        line-height: $pagination-height - $pagination-border-width * 2;
        text-align: center;
        vertical-align: middle;
      }
    }
  }

  //
  // Sizing
  //

  &--lg {
    @include pagination-size($pagination-height-lg, $pagination-width-lg, $pagination-icon-font-size-lg,$pagination-space-lg,$pagination-font-size-lg);
  }
  &--sm {
    @include pagination-size($pagination-height-sm, $pagination-width-sm, $pagination-icon-font-size-sm,$pagination-space-sm,$pagination-font-size-sm);
  }

  //
  // no border
  //

  &--border-0 .#{$pagination-prefix-cls}__item-link {
    margin-right: 0;
    border-color: transparent;
  }
}