src/wolnelektury/static/2021/css/layout/_themes.scss

   1 .l-themes__wrapper {
   2   border-top: 4px solid $color-light-gray;
   3   margin-top: 100px;
   4   width: 100%;
   5
   6   h2 {
   7     font-weight: bold;
   8     @include font-size(32px);
   9     letter-spacing: -0.02em;
  10     color: $color-primary;
  11     line-height: 100%;
  12     margin-top: 53px;
  13   }
  14 }
  15
  16 .l-themes {
  17   margin-top: 52px;
  18
  19   ul {
  20     padding: 0;
  21     margin: 0;
  22     list-style: none;
  23     font-weight: $bold;
  24     @include font-size(18px);
  25     line-height: 21px;
  26     letter-spacing: 0.01em;
  27
  28     color: $color-gray;
  29     display: flex;
  30     flex-wrap: wrap;
  31
  32     li {
  33       width: 16.66666666666667%;
  34       margin-bottom: 17px;
  35
  36       a {
  37         text-decoration: none;
  38         &:hover {
  39           text-decoration: underline;
  40         }
  41       }
  42     }
  43   }
  44
  45   a.button {
  46     font-weight: $bold;
  47     @include font-size(24px);
  48     line-height: 28px;
  49     text-align: center;
  50     text-decoration-line: underline;
  51     color: $color-gray;
  52     appearance: none;
  53     background: transparent;
  54     padding: 0;
  55     border: 0;
  56     cursor: pointer;
  57     display: block;
  58     margin: 43px auto 0;
  59   }
  60 }