wcfsetup/install/files/style/ui/pagination.scss

   1 .pagination__wrapper {
   2         display: block;
   3 }
   4
   5 .pagination {
   6         --column-gap: 2px;
   7
   8         column-gap: var(--column-gap);
   9         display: inline-grid;
  10         grid-auto-flow: column;
  11 }
  12
  13 .pagination__list {
  14         column-gap: var(--column-gap);
  15         display: grid;
  16         grid-auto-flow: column;
  17 }
  18
  19 .pagination__link {
  20         border-radius: 4px;
  21         color: var(--wcfContentText);
  22         display: inline-block;
  23         font-variant: tabular-nums;
  24         padding: 4px 8px;
  25 }
  26
  27 .pagination__link[aria-current="page"],
  28 body:not(.touch) .pagination__link:hover {
  29         background-color: var(--wcfButtonBackgroundActive);
  30         color: var(--wcfButtonTextActive);
  31 }
  32
  33 @include screen-xs {
  34         .pagination__wrapper {
  35                 text-align: center;
  36         }
  37 }