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
  51 .l-header__actions {
  52   .l-button {
  53     appearance: none;
  54     border: 0;
  55     padding: 0;
  56     background: transparent;
  57     cursor: pointer;
  58   }
  59 }