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

   1 .l-header {
   2   width: 100%;
   3   max-width: 1140px;
   4   display: flex;
   5   align-items: center;
   6   justify-content: space-between;
   7   margin: 0 auto 55px;
   8 }
   9
  10 .l-header__content {
  11   display: flex;
  12   flex-direction: column;
  13   justify-content: center;
  14
  15   p {
  16     margin-top: 0;
  17     font-weight: 600;
  18     font-size: 21px;
  19     line-height: 140%;
  20     letter-spacing: -0.01em;
  21     color: #007880;
  22   }
  23
  24   h1 {
  25     font-weight: bold;
  26     font-size: 37px;
  27     line-height: 130%;
  28     letter-spacing: -0.01em;
  29     color: #083F4D;
  30     margin: 0;
  31   }
  32
  33   ul {
  34     letter-spacing: -0.02em;
  35     color: $color-secondary;
  36     font-weight: $bold;
  37     @include font-size(24px);
  38     list-style: none;
  39     line-height: 100%;
  40     display: flex;
  41     padding: 0;
  42     margin: 0;
  43
  44     li {
  45       margin-right: 10px;
  46       &:not(:last-child):after { content: "/";margin-left: 10px; }
  47     }
  48   }
  49
  50   .l-header__translators {
  51       font-size: 18px;
  52       margin-top: 5px;
  53   }
  54 }
  55
  56 .l-header__actions {
  57   .l-button {
  58     appearance: none;
  59     border: 0;
  60     padding: 0;
  61     background: transparent;
  62     cursor: pointer;
  63   }
  64 }