|
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