pagination.less 1.8 KB
Newer Older
陈文彬 已提交
1 2 3 4 5 6 7 8
.ant-pagination {
  &.mini {
    height: 20px;
    font-size: 13px;

    .ant-pagination-prev,
    .ant-pagination-next {
      width: 20px;
陈文彬 已提交
9
      height: 20px;
陈文彬 已提交
10 11 12 13 14
      min-width: 20px;
      line-height: 20px;
      color: @border-color-shallow-dark;
      border: 1px solid;
    }
陈文彬 已提交
15

陈文彬 已提交
16 17 18 19 20 21 22
    .ant-pagination-prev:hover,
    .ant-pagination-next:hover,
    .ant-pagination-item:focus,
    .ant-pagination-item:hover {
      color: @primary-color;
      border: 1px solid @primary-color;
    }
陈文彬 已提交
23

陈文彬 已提交
24 25 26 27 28
    .ant-pagination-item {
      height: 20px;
      min-width: 20px;
      margin: 0 3px;
      line-height: 20px;
陈文彬 已提交
29

陈文彬 已提交
30 31
      &:last-child {
        margin-right: 0 !important;
陈文彬 已提交
32
      }
陈文彬 已提交
33
    }
陈文彬 已提交
34

陈文彬 已提交
35 36
    .ant-pagination-item-active {
      background: @primary-color;
陈文彬 已提交
37

陈文彬 已提交
38 39
      a {
        color: @white;
陈文彬 已提交
40
      }
陈文彬 已提交
41
    }
陈文彬 已提交
42

陈文彬 已提交
43 44 45
    .ant-pagination-options {
      margin-left: 20px;
    }
陈文彬 已提交
46

陈文彬 已提交
47 48 49
    .ant-select-sm .ant-select-selection--single {
      height: 20px;
    }
陈文彬 已提交
50

陈文彬 已提交
51 52 53 54 55 56
    .ant-pagination-options,
    .ant-pagination-total-text,
    .ant-pagination-options-quick-jumper {
      height: 20px;
      line-height: 20px;
    }
陈文彬 已提交
57

陈文彬 已提交
58 59 60 61
    .ant-select-selection__rendered {
      height: 18px;
      line-height: 18px;
    }
陈文彬 已提交
62

陈文彬 已提交
63 64 65 66 67 68
    .ant-pagination-total-text,
    .ant-select-selection__rendered,
    .ant-select-dropdown-menu-item,
    .ant-pagination-options-quick-jumper {
      font-size: 13px;
    }
陈文彬 已提交
69

陈文彬 已提交
70 71 72 73 74 75 76
    .ant-pagination-options-quick-jumper input {
      width: 40px;
      height: 20px;
      margin: 0 6px;
      line-height: 20px;
      text-align: center;
    }
陈文彬 已提交
77

陈文彬 已提交
78 79 80 81 82
    .ant-pagination-jump-prev,
    .ant-pagination-jump-next {
      height: 20px;
      line-height: 20px;
    }
陈文彬 已提交
83

陈文彬 已提交
84 85
    .ant-pagination-options-size-changer.ant-select {
      margin-right: 20px;
陈文彬 已提交
86 87
    }

陈文彬 已提交
88 89
    .ant-select-arrow {
      color: @border-color-shallow-dark;
陈文彬 已提交
90 91
    }
  }
陈文彬 已提交
92 93 94 95

  &-disabled {
    display: none;
  }
陈文彬 已提交
96
}