|
97 | 97 | }
|
98 | 98 |
|
99 | 99 | &:last-child {
|
100 |
| - border-bottom: 1px solid @color-gray82; |
| 100 | + border-bottom: 1px solid @color-gray82; |
101 | 101 | }
|
| 102 | + } |
102 | 103 |
|
103 |
| - &-trigger { |
104 |
| - strong { |
105 |
| - display: inline-block !important; |
106 |
| - position: relative; |
107 |
| - .lib-icon-font( |
108 |
| - @_icon-font-content: @icon-down, |
109 |
| - @_icon-font-size: 42px, |
110 |
| - @_icon-font-position: after, |
111 |
| - @_icon-font-display: block |
112 |
| - ); |
113 |
| - |
114 |
| - &:after { |
115 |
| - position: absolute; |
116 |
| - right: -40px; |
117 |
| - top: -18px; |
118 |
| - } |
119 |
| - } |
| 104 | + .switcher-trigger { |
| 105 | + strong { |
| 106 | + position: relative; |
| 107 | + .lib-icon-font( |
| 108 | + @_icon-font-content: @icon-down, |
| 109 | + @_icon-font-size: 42px, |
| 110 | + @_icon-font-position: after, |
| 111 | + @_icon-font-display: block |
| 112 | + ); |
120 | 113 |
|
121 |
| - &.active strong { |
122 |
| - .lib-icon-font-symbol( |
123 |
| - @_icon-font-content: @icon-up, |
124 |
| - @_icon-font-position: after |
125 |
| - ); |
| 114 | + &:after { |
| 115 | + position: absolute; |
| 116 | + right: -40px; |
| 117 | + top: -16px; |
126 | 118 | }
|
127 | 119 | }
|
128 | 120 |
|
129 |
| - &-dropdown { |
130 |
| - .lib-list-reset-styles(); |
131 |
| - padding: @indent__s 0; |
| 121 | + &.active strong { |
| 122 | + .lib-icon-font-symbol( |
| 123 | + @_icon-font-content: @icon-up, |
| 124 | + @_icon-font-position: after |
| 125 | + ); |
132 | 126 | }
|
133 | 127 | }
|
134 | 128 |
|
| 129 | + .switcher-dropdown { |
| 130 | + .lib-list-reset-styles(); |
| 131 | + padding: @indent__s 0; |
| 132 | + } |
| 133 | + |
135 | 134 | .header.links {
|
136 | 135 | .lib-list-reset-styles();
|
137 | 136 | border-bottom: 1px solid @color-gray82;
|
|
216 | 215 | }
|
217 | 216 | }
|
218 | 217 |
|
219 |
| - .nav-sections { |
220 |
| - &-items { |
221 |
| - .lib-clearfix(); |
222 |
| - position: relative; |
223 |
| - z-index: 1; |
224 |
| - } |
| 218 | + .nav-sections-items { |
| 219 | + .lib-clearfix(); |
| 220 | + position: relative; |
| 221 | + z-index: 1; |
| 222 | + } |
225 | 223 |
|
226 |
| - &-item-title { |
227 |
| - background: darken(@navigation__background,5%); |
228 |
| - border: solid darken(@navigation__background,10%); |
229 |
| - border-width: 0 0 1px 1px; |
230 |
| - box-sizing: border-box; |
231 |
| - float: left; |
232 |
| - height: 71px; |
233 |
| - padding-top: 24px; |
234 |
| - text-align: center; |
235 |
| - width: 33.33%; |
236 |
| - |
237 |
| - &.active { |
238 |
| - background: transparent; |
239 |
| - border-bottom: 0; |
240 |
| - } |
| 224 | + .nav-sections-item-title { |
| 225 | + background: darken(@navigation__background, 5%); |
| 226 | + border: solid darken(@navigation__background, 10%); |
| 227 | + border-width: 0 0 1px 1px; |
| 228 | + box-sizing: border-box; |
| 229 | + float: left; |
| 230 | + height: 71px; |
| 231 | + padding-top: 24px; |
| 232 | + text-align: center; |
| 233 | + width: 33.33%; |
| 234 | + |
| 235 | + &.active { |
| 236 | + background: transparent; |
| 237 | + border-bottom: 0; |
| 238 | + } |
241 | 239 |
|
242 |
| - .nav-sections-item-switch { |
243 |
| - &:hover { |
244 |
| - text-decoration: none; |
245 |
| - } |
| 240 | + .nav-sections-item-switch { |
| 241 | + &:hover { |
| 242 | + text-decoration: none; |
246 | 243 | }
|
247 | 244 | }
|
| 245 | + } |
248 | 246 |
|
249 |
| - &-item-content { |
250 |
| - .lib-clearfix(); |
251 |
| - box-sizing: border-box; |
252 |
| - float: right; |
253 |
| - margin-left: -100%; |
254 |
| - margin-top: 71px; |
255 |
| - width: 100%; |
256 |
| - |
257 |
| - &.active { |
258 |
| - display: block; |
259 |
| - } |
| 247 | + .nav-sections-item-content { |
| 248 | + .lib-clearfix(); |
| 249 | + box-sizing: border-box; |
| 250 | + float: right; |
| 251 | + margin-left: -100%; |
| 252 | + margin-top: 71px; |
| 253 | + width: 100%; |
260 | 254 |
|
261 |
| - padding: @indent__m 0; |
| 255 | + &.active { |
| 256 | + display: block; |
262 | 257 | }
|
| 258 | + |
| 259 | + padding: @indent__m 0; |
263 | 260 | }
|
264 | 261 |
|
265 | 262 | .lib-main-navigation();
|
|
278 | 275 | .lib-vendor-prefix-flex-shrink(0);
|
279 | 276 | .lib-vendor-prefix-flex-basis(auto);
|
280 | 277 | margin-bottom: @indent__m;
|
| 278 | + } |
281 | 279 |
|
282 |
| - &-item-title { |
283 |
| - display: none; |
284 |
| - } |
| 280 | + .nav-sections-item-title { |
| 281 | + display: none; |
| 282 | + } |
285 | 283 |
|
286 |
| - &-item-content { |
287 |
| - display: block !important; |
288 |
| - } |
| 284 | + .nav-sections-item-content { |
| 285 | + display: block !important; |
| 286 | + } |
289 | 287 |
|
290 |
| - &-item-content > * { |
291 |
| - display: none; |
292 |
| - } |
| 288 | + .nav-sections-item-content > * { |
| 289 | + display: none; |
| 290 | + } |
293 | 291 |
|
294 |
| - &-item-content > .navigation { |
| 292 | + .nav-sections-item-content { |
| 293 | + > .navigation { |
295 | 294 | display: block;
|
296 | 295 | }
|
297 | 296 | }
|
|
0 commit comments