|
16 | 16 |
|
17 | 17 | background-color: #000; |
18 | 18 |
|
19 | | - @media screen and (min-width: 768px) { |
20 | | - padding-right: 10px; |
21 | | - } |
22 | | - |
23 | | - @media screen and (min-width: 1000px) { |
| 19 | + @media screen and (min-width: 1150px) { |
24 | 20 | padding-right: 20px; |
25 | 21 | } |
26 | 22 |
|
|
45 | 41 | display: flex; |
46 | 42 | align-items: center; |
47 | 43 |
|
48 | | - @media screen and (min-width: 768px) { |
| 44 | + @media screen and (min-width: 1150px) { |
49 | 45 | display: none; |
50 | 46 | } |
51 | 47 | } |
52 | 48 |
|
53 | 49 | nav { |
54 | 50 | display: flex; |
55 | 51 |
|
56 | | - @media screen and (max-width: 767px) { |
| 52 | + @media screen and (max-width: 1149px) { |
57 | 53 | position: fixed; |
58 | 54 | z-index: 800; |
59 | 55 | top: 5.937rem; |
|
67 | 63 | overflow-y: auto; |
68 | 64 | } |
69 | 65 |
|
70 | | - @media screen and (min-width: 768px) { |
| 66 | + @media screen and (min-width: 1150px) { |
71 | 67 | align-items: center; |
72 | 68 | } |
73 | 69 |
|
74 | 70 | a { |
75 | 71 | color: #fff; |
76 | 72 | font-size: 1.125rem; |
77 | 73 |
|
78 | | - @media screen and (max-width: 767px) { |
| 74 | + @media screen and (max-width: 1149px) { |
79 | 75 | font-size: 1.5rem; |
80 | 76 | } |
81 | 77 |
|
|
98 | 94 | padding-inline: clamp(1em, 3dvw, 2em); |
99 | 95 | margin-inline: .5rem; |
100 | 96 |
|
101 | | - @media screen and (max-width: 767px) { |
| 97 | + @media screen and (max-width: 1149px) { |
102 | 98 | margin-block: 1.2rem; |
103 | 99 | text-align: center; |
104 | 100 | } |
105 | 101 |
|
106 | | - @media screen and (min-width: 768px) { |
| 102 | + @media screen and (min-width: 1150px) { |
107 | 103 | &:not(:last-child) { |
108 | 104 | margin-right: 12px; |
109 | 105 | } |
|
115 | 111 | opacity: 0; |
116 | 112 | position: absolute; |
117 | 113 |
|
118 | | - @media screen and (max-width: 767px) { |
| 114 | + @media screen and (max-width: 1149px) { |
119 | 115 | &:not(:checked)~.section-submenu-wrap { |
120 | 116 | display: none; |
121 | 117 | } |
|
143 | 139 | } |
144 | 140 |
|
145 | 141 | .submenu-title { |
146 | | - @media screen and (max-width: 767px) { |
| 142 | + @media screen and (max-width: 1149px) { |
147 | 143 | display: flex; |
148 | 144 | flex-direction: row; |
149 | 145 | gap: 1rem; |
|
162 | 158 |
|
163 | 159 | label { |
164 | 160 | cursor: pointer; |
| 161 | + |
| 162 | + a { |
| 163 | + padding: 0; |
| 164 | + } |
165 | 165 | } |
166 | 166 | } |
167 | 167 |
|
168 | | - @media screen and (min-width: 768px) { |
| 168 | + @media screen and (min-width: 1150px) { |
169 | 169 | .section-wrap { |
170 | 170 | position: relative; |
171 | 171 | align-self: stretch; |
|
189 | 189 | border-radius: 6px; |
190 | 190 | padding-inline: 1rem; |
191 | 191 | padding-block: 0.75rem; |
192 | | - |
| 192 | + |
193 | 193 | display: flex; |
194 | 194 | flex-direction: column; |
195 | 195 |
|
|
202 | 202 | } |
203 | 203 | } |
204 | 204 |
|
205 | | - @media screen and (max-width: 767px) { |
| 205 | + @media screen and (max-width: 1149px) { |
206 | 206 | .section-submenu { |
207 | 207 | padding-left: 1em; |
208 | 208 | display: flex; |
|
222 | 222 | #site-header-dropdown-checkbox { |
223 | 223 | display: none; |
224 | 224 |
|
225 | | - @media screen and (max-width: 767px) { |
| 225 | + @media screen and (max-width: 1149px) { |
226 | 226 | &:checked~.dropdown-button { |
227 | 227 | background-color: #000; |
228 | 228 | } |
|
0 commit comments