|
107 | 107 |
|
108 | 108 | .minicart-wrapper {
|
109 | 109 | .lib-dropdown(
|
110 |
| - @_toggle-selector: ~'.action.showcart', |
111 |
| - @_options-selector: ~'.block-minicart', |
112 |
| - @_dropdown-list-width: 320px, |
113 |
| - @_dropdown-list-position-right: 0px, |
114 |
| - @_dropdown-list-pointer-position: right, |
115 |
| - @_dropdown-list-pointer-position-left-right: 26px, |
116 |
| - @_dropdown-list-z-index: 101, |
117 |
| - @_dropdown-toggle-icon-content: @icon-cart, |
118 |
| - @_dropdown-toggle-active-icon-content: @icon-cart, |
119 |
| - @_dropdown-list-item-padding: false, |
120 |
| - @_dropdown-list-item-hover: false, |
121 |
| - @_icon-font-position: before, |
122 |
| - @_icon-font-size: 22px, |
123 |
| - @_icon-font-line-height: 28px, |
124 |
| - @_icon-font-color: @minicart-icons-color, |
125 |
| - @_icon-font-color-hover: @minicart-icons-color-hover, |
126 |
| - @_icon-font-color-active: @minicart-icons-color |
| 110 | + @_toggle-selector: ~'.action.showcart', |
| 111 | + @_options-selector: ~'.block-minicart', |
| 112 | + @_dropdown-list-width: 320px, |
| 113 | + @_dropdown-list-position-right: 0px, |
| 114 | + @_dropdown-list-pointer-position: right, |
| 115 | + @_dropdown-list-pointer-position-left-right: 26px, |
| 116 | + @_dropdown-list-z-index: 101, |
| 117 | + @_dropdown-toggle-icon-content: @icon-cart, |
| 118 | + @_dropdown-toggle-active-icon-content: @icon-cart, |
| 119 | + @_dropdown-list-item-padding: false, |
| 120 | + @_dropdown-list-item-hover: false, |
| 121 | + @_icon-font-position: before, |
| 122 | + @_icon-font-size: 22px, |
| 123 | + @_icon-font-line-height: 28px, |
| 124 | + @_icon-font-color: @minicart-icons-color, |
| 125 | + @_icon-font-color-hover: @minicart-icons-color-hover, |
| 126 | + @_icon-font-color-active: @minicart-icons-color |
127 | 127 | );
|
128 | 128 | float: right;
|
129 | 129 |
|
130 | 130 | .block-minicart {
|
131 |
| - .lib-css(padding, 25px @minicart__padding-horizontal); |
| 131 | + padding: 25px @minicart__padding-horizontal; |
132 | 132 |
|
133 | 133 | .block-title {
|
134 | 134 | display: none;
|
|
216 | 216 | }
|
217 | 217 |
|
218 | 218 | .minicart-items-wrapper {
|
219 |
| - .lib-css(border, 1px solid @minicart__border-color); |
220 |
| - .lib-css(margin, 0 -@minicart__padding-horizontal); |
| 219 | + border: 1px solid @minicart__border-color; |
| 220 | + margin: 0 -@minicart__padding-horizontal; |
221 | 221 | border-left: 0;
|
222 | 222 | border-right: 0;
|
223 | 223 | overflow-x: auto;
|
|
226 | 226 |
|
227 | 227 | .minicart-items {
|
228 | 228 | .lib-list-reset-styles();
|
| 229 | + |
229 | 230 | .product-item {
|
230 | 231 | padding: @indent__base 0;
|
231 | 232 |
|
232 | 233 | &:not(:first-child) {
|
233 |
| - .lib-css(border-top, 1px solid @minicart__border-color); |
| 234 | + border-top: 1px solid @minicart__border-color; |
234 | 235 | }
|
235 | 236 |
|
236 | 237 | &:first-child {
|
|
297 | 298 |
|
298 | 299 | .toggle {
|
299 | 300 | &:extend(.abs-toggling-title all);
|
| 301 | + border: 0; |
| 302 | + padding: 0 @indent__xl @indent__xs 0; |
| 303 | + |
300 | 304 | &:after {
|
301 | 305 | .lib-css(color, @color-gray56);
|
302 | 306 | margin: 0 0 0 @indent__xs;
|
303 | 307 | position: static;
|
304 | 308 | }
|
305 |
| - border: 0; |
306 |
| - padding: 0 @indent__xl @indent__xs 0; |
307 | 309 | }
|
308 | 310 |
|
309 | 311 | .active {
|
|
323 | 325 | .toggle {
|
324 | 326 | &.tooltip {
|
325 | 327 | .lib-icon-font(
|
326 |
| - @icon-down, |
327 |
| - @_icon-font-size: 12px, |
328 |
| - @_icon-font-line-height: 12px, |
329 |
| - @_icon-font-text-hide: true, |
330 |
| - @_icon-font-margin: -3px 0 0 7px, |
331 |
| - @_icon-font-position: after |
| 328 | + @icon-down, |
| 329 | + @_icon-font-size: 12px, |
| 330 | + @_icon-font-line-height: 12px, |
| 331 | + @_icon-font-text-hide: true, |
| 332 | + @_icon-font-margin: -3px 0 0 7px, |
| 333 | + @_icon-font-position: after |
332 | 334 | );
|
333 | 335 | }
|
| 336 | + |
334 | 337 | > span {
|
335 | 338 | &:extend(.abs-visually-hidden-reset all);
|
336 | 339 | }
|
|
368 | 371 | &.edit,
|
369 | 372 | &.delete {
|
370 | 373 | .lib-icon-font(
|
371 |
| - @icon-edit, |
372 |
| - @_icon-font-size: 18px, |
373 |
| - @_icon-font-line-height: 20px, |
374 |
| - @_icon-font-text-hide: true, |
375 |
| - @_icon-font-color: @minicart-icons-color, |
376 |
| - @_icon-font-color-hover: @primary__color, |
377 |
| - @_icon-font-color-active: @minicart-icons-color |
| 374 | + @icon-edit, |
| 375 | + @_icon-font-size: 18px, |
| 376 | + @_icon-font-line-height: 20px, |
| 377 | + @_icon-font-text-hide: true, |
| 378 | + @_icon-font-color: @minicart-icons-color, |
| 379 | + @_icon-font-color-hover: @primary__color, |
| 380 | + @_icon-font-color-active: @minicart-icons-color |
378 | 381 | );
|
379 | 382 | }
|
380 | 383 |
|
381 | 384 | &.delete {
|
382 | 385 | .lib-icon-font-symbol(
|
383 |
| - @_icon-font-content: @icon-trash |
| 386 | + @_icon-font-content: @icon-trash |
384 | 387 | );
|
385 | 388 | }
|
386 | 389 | }
|
|
0 commit comments