BigW Consortium Gitlab

pagination.scss 1.2 KB
Newer Older
1
.gl-pagination {
2
  text-align: center;
3
  border-top: 1px solid $border-color;
4
  margin: 0;
5 6 7 8
  margin-top: 0;

  .pagination {
    padding: 0;
9 10 11 12 13 14 15 16 17 18 19 20 21

    a {
      cursor: pointer;
    }

    .separator,
    .separator:hover {
      a {
        cursor: default;
        background-color: $gray-light;
        padding: $gl-vert-padding;
      }
    }
22
  }
23

24

25 26 27
  .gap,
  .gap:hover {
    background-color: $gray-light;
Filipa Lacerda committed
28
    padding: $gl-vert-padding;
29 30
    cursor: default;
  }
31
}
32 33 34 35

.panel > .gl-pagination {
  margin: 0;
}
36 37

/**
Filipa Lacerda committed
38
 * Extra-small screen pagination.
39
 */
Filipa Lacerda committed
40 41 42 43 44 45
@media (max-width: 320px) {
  .gl-pagination {
    .first,
    .last {
      display: none;
    }
46

Filipa Lacerda committed
47 48 49 50 51 52 53 54 55 56 57 58 59
    .page {
      display: none;

      &.active {
        display: inline;
      }
    }
  }
}

/**
 * Small screen pagination
 */
60
@media (max-width: $screen-xs-min) {
61 62
  .gl-pagination {
    .pagination li a {
Filipa Lacerda committed
63
      padding: 6px 10px;
64 65 66 67 68 69 70 71 72 73 74 75 76 77 78
    }

    .page {
      display: none;

      &.active {
        display: inline;
      }
    }
  }
}

/**
 * Medium screen pagination
 */
79
@media (min-width: $screen-xs-min) and (max-width: $screen-md-max) {
80 81 82 83 84 85 86 87 88 89 90
  .gl-pagination {
    .page {
      display: none;

      &.active,
      &.sibling {
        display: inline;
      }
    }
  }
}