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

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