Skip to content
This repository was archived by the owner on Apr 29, 2019. It is now read-only.

Commit b48b95f

Browse files
authored
Update _minicart.less
1 parent c7aa2f7 commit b48b95f

File tree

1 file changed

+40
-37
lines changed
  • app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module

1 file changed

+40
-37
lines changed

app/design/frontend/Magento/luma/Magento_Checkout/web/css/source/module/_minicart.less

Lines changed: 40 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -107,28 +107,28 @@
107107

108108
.minicart-wrapper {
109109
.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
127127
);
128128
float: right;
129129

130130
.block-minicart {
131-
.lib-css(padding, 25px @minicart__padding-horizontal);
131+
padding: 25px @minicart__padding-horizontal;
132132

133133
.block-title {
134134
display: none;
@@ -216,8 +216,8 @@
216216
}
217217

218218
.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;
221221
border-left: 0;
222222
border-right: 0;
223223
overflow-x: auto;
@@ -226,11 +226,12 @@
226226

227227
.minicart-items {
228228
.lib-list-reset-styles();
229+
229230
.product-item {
230231
padding: @indent__base 0;
231232

232233
&:not(:first-child) {
233-
.lib-css(border-top, 1px solid @minicart__border-color);
234+
border-top: 1px solid @minicart__border-color;
234235
}
235236

236237
&:first-child {
@@ -297,13 +298,14 @@
297298

298299
.toggle {
299300
&:extend(.abs-toggling-title all);
301+
border: 0;
302+
padding: 0 @indent__xl @indent__xs 0;
303+
300304
&:after {
301305
.lib-css(color, @color-gray56);
302306
margin: 0 0 0 @indent__xs;
303307
position: static;
304308
}
305-
border: 0;
306-
padding: 0 @indent__xl @indent__xs 0;
307309
}
308310

309311
.active {
@@ -323,14 +325,15 @@
323325
.toggle {
324326
&.tooltip {
325327
.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
332334
);
333335
}
336+
334337
> span {
335338
&:extend(.abs-visually-hidden-reset all);
336339
}
@@ -368,19 +371,19 @@
368371
&.edit,
369372
&.delete {
370373
.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
378381
);
379382
}
380383

381384
&.delete {
382385
.lib-icon-font-symbol(
383-
@_icon-font-content: @icon-trash
386+
@_icon-font-content: @icon-trash
384387
);
385388
}
386389
}

0 commit comments

Comments
 (0)