////////分页////////
.d-pager {
  display: flex;
  justify-content: space-between;
}
.d-pager-list {
  margin: 8px 0;
  padding-left: 0;
  border-radius: 4px;
  font-size: @base-font-size;
  & > .d-pager-item {
    display: inline;
    & > .d-pager-link {
      position: relative;
      float: left;
      padding: @base-padding-vertical @base-padding-horizontal - 2;
      margin-left: -1px;
      line-height: @base-line-height;
      color: @color-theme;
      text-decoration: none;
      background-color: #fff;
      border: 1px solid @color-border;
      cursor: pointer;
    }
    &:first-child > .d-pager-link {
      margin-left: 0;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }
    &:last-child > .d-pager-link {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }
    & > .d-pager-link:hover,
    & > .d-pager-link:focus {
      color: @color-theme;
      background-color: #eee;
      border-color: @color-border;
    }
  }
  & > .active > .d-pager-link,
  & > .active > .d-pager-link:hover,
  & > .active > .d-pager-link:focus {
    z-index: 2;
    cursor: default;
    color: #fff;
    background-color: @color-theme;
    border-color: @color-theme;
  }
  & > .disabled > .d-pager-link,
  & > .disabled > .d-pager-link:hover,
  & > .disabled > .d-pager-link:focus {
    cursor: not-allowed;
    color: #999;
    background-color: #fff;
    border-color: @color-border;
  }
}

////尺寸////
.pager-size(@padding-vertical, @padding-horizontal, @font-size, @line-height, @border-radius) {
  & > .d-pager-item {
    & > .d-pager-link {
      padding: @padding-vertical @padding-horizontal;
      font-size: @font-size;
      line-height: @line-height;
    }
    &:first-child {
      & > .d-pager-link {
        .sys-border-topleft-radius(@border-radius);
        .sys-border-bottomleft-radius(@border-radius);
      }
    }
    &:last-child {
      & > .d-pager-link {
        .sys-border-topright-radius(@border-radius);
        .sys-border-bottomright-radius(@border-radius);
      }
    }
  }
}
.pager-xs{
    @line-height:ceil(@sys-font-size-xs * @base-line-height + @sys-padding-vertical-xs * 2 + 2);
    .pager-size(@sys-padding-vertical-xs, @sys-padding-horizontal-xs, @sys-font-size-xs, @line-height, 4px);
}
//.pager-sm{
//    @line-height:ceil(@sys-font-size-sm * @base-line-height + @sys-padding-vertical-sm * 2 + 2);
//    .pager-size(@sys-padding-vertical-sm, @sys-padding-horizontal-sm, @sys-font-size-sm, @line-height, 4px);
//}
.pager-md{
    @line-height:ceil(@sys-font-size-md * @base-line-height + @sys-padding-vertical-md * 2 + 2);
    .pager-size(@sys-padding-vertical-md, @sys-padding-horizontal-md, @sys-font-size-md, @line-height, 4px);
}
.pager-lg{
    @line-height:ceil(@sys-font-size-lg * @base-line-height + @sys-padding-vertical-lg * 2 + 2);
    .pager-size(@sys-padding-vertical-lg, @sys-padding-horizontal-lg, @sys-font-size-lg, @line-height, 4px);
}

////情景////
.pager-scene(@color-text, @color-bg, @color-bord, @color-hover-text, @color-hover-bg, @color-hover-bord) {
  & > .d-pager-item {
    & > .d-pager-link {
      color: @color-text;
      background-color: @color-bg;
      border: 1px solid @color-bord;
    }
    & > .d-pager-link:hover,
    & > .d-pager-link:focus {
      color: @color-hover-text;
      background-color: @color-hover-bg;
      border-color: @color-hover-bord;
    }
  }
  & > .d-pager-link,
  & > .d-pager-link:hover,
  & > .d-pager-link:focus {
    color: @color-hover-text;
    background-color: @color-hover-bg;
    border-color: @color-hover-bord;
  }
  & > .disabled > .d-pager-link,
  & > .disabled > .d-pager-link:hover,
  & > .disabled > .d-pager-link:focus {
    border-color: @color-bord;
  }
}


////////扩展////////
// 左对齐
.d-pager-left {
  .d-pager-list,.d-pager-rows,.d-pager-jump{
    float: left;
    margin-right: 8px;
  }
  .d-pager-info{
    float: left;
  }
}
// 右对齐
.d-pager-right{
  .d-pager-list,.d-pager-rows,.d-pager-jump{
    float: right;
    margin-left: 8px;
  }
  .d-pager-info{
    float: right;
  }
}
// 居中对齐
.d-pager-center{
  text-align: center;
}
// 两边对齐
.d-pager-justified{
  .d-pager-list,.d-pager-rows,.d-pager-jump{
    float: left;
  }
  .d-pager-info{
    float: right;
  }
}
.d-pager-info {
  margin: 8px 0;
  font-size: @base-font-size;
  .d-pager-text {
    padding: @base-padding-vertical 0;
    line-height: @base-line-height;
  }
}
.d-pager-rows,.d-pager-jump {
  margin:20px 0;
  margin-right:10px;
  line-height: 1.42857143;
}
.d-pager-jump input{
    &:extend(.inputs all);
    .sys-inline-block();
    margin-left:5px;
    width:60px;
    text-align:center;
}
.d-pager-rows {
  &:extend(.selects all);
  .sys-inline-block();
  margin-left:5px;
  width:75px;
  text-align:center;
}