this repo has no description
hauleth.dev
1@import "variables";
2
3.header {
4 @media print {
5 display: none;
6 }
7
8 display: flex;
9 flex-direction: column;
10 position: relative;
11
12 &__inner {
13 display: flex;
14 align-items: center;
15 justify-content: space-between;
16 }
17
18 &__logo {
19 display: flex;
20 flex: 1;
21
22 &:after {
23 content: '';
24 background: repeating-linear-gradient(90deg, var(--accent), var(--accent) 2px, transparent 0, transparent 10px);
25 display: block;
26 width: 100%;
27 right: 10px;
28 }
29
30 a {
31 flex: 0 0 auto;
32 max-width: 100%;
33 text-decoration: none;
34 }
35 }
36
37 .menu {
38 margin: 20px 0;
39 --shadow-color: var(--accent-alpha-70);
40 --shadow: 0 10px var(--shadow-color), -10px 10px var(--shadow-color), 10px 10px var(--shadow-color);
41
42 @media (max-width: $tablet-max-width) {
43 margin-bottom: 0;
44 }
45
46 &__inner {
47 display: flex;
48 flex-wrap: wrap;
49 list-style: none;
50 margin: 0;
51 padding: 0;
52
53 li:not(:last-of-type) {
54 margin-right: 20px;
55 margin-bottom: 10px;
56 flex: 0 0 auto;
57 }
58
59 @media (max-width: $phone-max-width) {
60 align-items: flex-start;
61 padding: 0;
62
63 li {
64 margin: 0;
65 padding: 5px;
66 }
67 }
68 }
69 }
70}