src/pagination.less


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

// Pagination
.pagination {
  .page-item {
    display: inline-block;

    span {
      display: inline-block;
      padding: .6rem;
    }

    a {
      border-radius: @border-radius;
      color: lighten(@body-font-color, 20%);
      padding: .6rem .8rem;
      text-decoration: none;
      &:focus,
      &:hover {
        color: @core-color;
      }
    }

    &.active {
      a {
        background: @core-color;
        color: @core-light-color;
      }
    }
  }
}