Merge remote-tracking branch 'zawadzki/new-design'
[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / layout / _navigation.scss
1 .l-navigation {
2   max-width: 100%;
3   margin: 0 auto;
4   background-color: #083F4D;
5   padding: 12px 0;
6   display: flex;
7   align-items: center;
8   justify-content: space-between;
9
10   .l-container {
11     display: flex;
12     align-items: center;
13     justify-content: space-between;
14   }
15 }
16
17 .l-navigation__button {
18   appearance: none;
19   border: 0;
20   background: 0;
21   padding: 0;
22   margin: 0;
23   outline: 0;
24 }
25
26 .l-naviagion__search {
27   width: 60%;
28   max-width: 580px;
29   margin-left: 60px;
30   margin-right: auto;
31
32   input {
33     font-family: $base-font;
34     font-size: 18px;
35     font-style: italic;
36     border: 0;
37     padding: 10px;
38     border-radius: 52px;
39     width: 100%;
40     max-width: 580px;
41     outline: 0;
42   }
43 }
44
45 .l-navigation__actions {
46   display: flex;
47   align-items: center;
48   justify-content: center;
49
50   .icon-liked {
51     color: #85C7CC;
52     font-size: 30px;
53     margin-right: 25px;
54   }
55 }