src/wolnelektury/static/2022/styles/layout/_pagination.scss

   1 #paginator {
   2     display: flex;
   3 }
   4
   5 .l-pagination {
   6   display: flex;
   7   align-content: center;
   8   margin: 40px auto 40px auto;
   9
  10   ul {
  11     display: flex;
  12     margin: 0;
  13     padding: 0;
  14     align-content: center;
  15     list-style: none;
  16
  17     li {
  18       margin: 0 5px;
  19       font-weight: $regular;
  20       @include font-size(18px);
  21       line-height: 150%;
  22       text-align: center;
  23       color: #474747;
  24
  25       &.is-active {
  26         a {
  27           color: #ffffff;
  28           background-color: #083F4D;
  29           border-radius: 50%;
  30         }
  31       }
  32
  33       a {
  34         text-align: center;
  35         line-height: 35px;
  36         display: block;
  37         width: 35px;
  38         height: 35px;
  39       }
  40     }
  41   }
  42 }
  43
  44 .l-pagination__arrow {
  45   display: flex;
  46   align-content: center;
  47   @include font-size(10px);
  48   margin: 0 20px;
  49
  50   .icon {
  51     display: flex;
  52     align-content: center;
  53     line-height: 35px;
  54   }
  55 }
  56