|
125 | 125 | float: right; |
126 | 126 |
|
127 | 127 | .block-minicart { |
128 | | - .lib-css(padding, 25px @minicart__padding-horizontal); |
| 128 | + padding: 25px @minicart__padding-horizontal; |
129 | 129 |
|
130 | 130 | .block-title { |
131 | 131 | display: none; |
|
148 | 148 | .action { |
149 | 149 | &.close { |
150 | 150 | .lib-button-icon( |
151 | | - @icon-remove, |
152 | | - @_icon-font-size: 32px, |
153 | | - @_icon-font-line-height: 32px, |
154 | | - @_icon-font-text-hide: true |
| 151 | + @icon-remove, |
| 152 | + @_icon-font-size: 32px, |
| 153 | + @_icon-font-line-height: 32px, |
| 154 | + @_icon-font-text-hide: true |
155 | 155 | ); |
156 | 156 | .lib-button-reset(); |
157 | 157 | height: 40px; |
|
205 | 205 | } |
206 | 206 |
|
207 | 207 | .minicart-items-wrapper { |
208 | | - .lib-css(border, 1px solid @minicart__border-color); |
209 | | - .lib-css(margin, 0 -@minicart__padding-horizontal); |
| 208 | + border: 1px solid @minicart__border-color; |
| 209 | + margin: 0 -@minicart__padding-horizontal; |
210 | 210 | border-left: 0; |
211 | 211 | border-right: 0; |
212 | 212 | overflow-x: auto; |
|
220 | 220 | padding: @indent__base 0; |
221 | 221 |
|
222 | 222 | &:not(:first-child) { |
223 | | - .lib-css(border-top, 1px solid @minicart__border-color); |
| 223 | + border-top: 1px solid @minicart__border-color; |
224 | 224 | } |
225 | 225 |
|
226 | 226 | &:first-child { |
|
254 | 254 |
|
255 | 255 | .toggle { |
256 | 256 | .lib-icon-font( |
257 | | - @_icon-font-content: @icon-down, |
258 | | - @_icon-font-size: 28px, |
259 | | - @_icon-font-line-height: 16px, |
260 | | - @_icon-font-text-hide: false, |
261 | | - @_icon-font-position: after, |
262 | | - @_icon-font-display: block |
| 257 | + @_icon-font-content: @icon-down, |
| 258 | + @_icon-font-size: 28px, |
| 259 | + @_icon-font-line-height: 16px, |
| 260 | + @_icon-font-text-hide: false, |
| 261 | + @_icon-font-position: after, |
| 262 | + @_icon-font-display: block |
263 | 263 | ); |
264 | 264 | cursor: pointer; |
265 | 265 | position: relative; |
|
274 | 274 | &.active { |
275 | 275 | > .toggle { |
276 | 276 | .lib-icon-font-symbol( |
277 | | - @_icon-font-content: @icon-up, |
278 | | - @_icon-font-position: after |
| 277 | + @_icon-font-content: @icon-up, |
| 278 | + @_icon-font-position: after |
279 | 279 | ); |
280 | 280 | } |
281 | 281 | } |
|
304 | 304 |
|
305 | 305 | .weee[data-label] { |
306 | 306 | .lib-font-size(11); |
| 307 | + |
307 | 308 | .label { |
308 | 309 | &:extend(.abs-no-display all); |
309 | 310 | } |
|
317 | 318 | .product.options { |
318 | 319 | .tooltip.toggle { |
319 | 320 | .lib-icon-font( |
320 | | - @icon-down, |
321 | | - @_icon-font-size: 28px, |
322 | | - @_icon-font-line-height: 28px, |
323 | | - @_icon-font-text-hide: true, |
324 | | - @_icon-font-margin: -3px 0 0 7px, |
325 | | - @_icon-font-position: after |
| 321 | + @icon-down, |
| 322 | + @_icon-font-size: 28px, |
| 323 | + @_icon-font-line-height: 28px, |
| 324 | + @_icon-font-text-hide: true, |
| 325 | + @_icon-font-margin: -3px 0 0 7px, |
| 326 | + @_icon-font-position: after |
326 | 327 | ); |
327 | 328 |
|
328 | 329 | .details { |
|
357 | 358 | &.edit, |
358 | 359 | &.delete { |
359 | 360 | .lib-icon-font( |
360 | | - @icon-settings, |
361 | | - @_icon-font-size: 28px, |
362 | | - @_icon-font-line-height: 28px, |
363 | | - @_icon-font-text-hide: true, |
364 | | - @_icon-font-color: @color-gray19, |
365 | | - @_icon-font-color-hover: @color-gray19, |
366 | | - @_icon-font-color-active: @color-gray19 |
| 361 | + @icon-settings, |
| 362 | + @_icon-font-size: 28px, |
| 363 | + @_icon-font-line-height: 28px, |
| 364 | + @_icon-font-text-hide: true, |
| 365 | + @_icon-font-color: @color-gray19, |
| 366 | + @_icon-font-color-hover: @color-gray19, |
| 367 | + @_icon-font-color-active: @color-gray19 |
367 | 368 | ); |
368 | 369 | } |
369 | 370 |
|
370 | 371 | &.delete { |
371 | 372 | .lib-icon-font-symbol( |
372 | | - @_icon-font-content: @icon-trash |
| 373 | + @_icon-font-content: @icon-trash |
373 | 374 | ); |
374 | 375 | } |
375 | 376 | } |
|
399 | 400 | .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { |
400 | 401 | .minicart-wrapper { |
401 | 402 | margin-left: 13px; |
| 403 | + |
402 | 404 | .block-minicart { |
403 | 405 | right: -15px; |
404 | 406 | width: 390px; |
|
0 commit comments