|
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