Main page.
[wolnelektury.git] / 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 }