Skip to content

Commit 59a88f3

Browse files
KarlasaKarlasa
authored
Update _extends.less
1 parent a02c49f commit 59a88f3

File tree

1 file changed

+96
-95
lines changed

1 file changed

+96
-95
lines changed

‎app/design/frontend/Magento/blank/web/css/source/_extends.less

Lines changed: 96 additions & 95 deletions
Original file line numberDiff line numberDiff line change
@@ -162,7 +162,7 @@
162162
& when (@media-common = true) {
163163
.abs-login-block-title {
164164
strong {
165-
font-weight: 500;
165+
font-weight: @font-weight__heavier;
166166
}
167167

168168
.lib-font-size(18);
@@ -178,11 +178,11 @@
178178

179179
& when (@media-common = true) {
180180
.abs-block-title {
181+
margin-bottom: 15px;
182+
181183
> strong {
182184
.lib-heading(h3);
183185
}
184-
185-
margin-bottom: 15px;
186186
}
187187
}
188188

@@ -194,6 +194,7 @@
194194
.abs-account-blocks {
195195
.block-title {
196196
&:extend(.abs-block-title all);
197+
197198
> .action {
198199
margin-left: 15px;
199200
}
@@ -208,7 +209,7 @@
208209
}
209210

210211
> .action {
211-
font-weight: 400;
212+
font-weight: @font-weight__regular;
212213
margin-left: @indent__s;
213214
}
214215
}
@@ -232,10 +233,10 @@
232233
& when (@media-common = true) {
233234
.abs-dropdown-simple {
234235
.lib-dropdown(
235-
@_dropdown-list-item-padding: 5px 5px 5px 23px,
236-
@_dropdown-list-min-width: 200px,
237-
@_icon-font-margin: 0 0 0 5px,
238-
@_icon-font-vertical-align: middle
236+
@_dropdown-list-item-padding: 5px 5px 5px 23px,
237+
@_dropdown-list-min-width: 200px,
238+
@_icon-font-margin: 0 0 0 5px,
239+
@_icon-font-vertical-align: middle
239240
);
240241
}
241242
}
@@ -268,13 +269,13 @@
268269
& when (@media-common = true) {
269270
.abs-remove-button-for-blocks {
270271
.lib-icon-font(
271-
@icon-remove,
272-
@_icon-font-size: 26px,
273-
@_icon-font-line-height: 15px,
274-
@_icon-font-text-hide: true,
275-
@_icon-font-color: @color-gray19,
276-
@_icon-font-color-hover: @color-gray19,
277-
@_icon-font-color-active: @color-gray19
272+
@icon-remove,
273+
@_icon-font-size: 26px,
274+
@_icon-font-line-height: 15px,
275+
@_icon-font-text-hide: true,
276+
@_icon-font-color: @color-gray19,
277+
@_icon-font-color-hover: @color-gray19,
278+
@_icon-font-color-active: @color-gray19
278279
);
279280
}
280281
}
@@ -289,14 +290,14 @@
289290

290291
> a {
291292
.lib-link(
292-
@_link-color: @product-name-link__color,
293-
@_link-text-decoration: @product-name-link__text-decoration,
294-
@_link-color-visited: @product-name-link__color__visited,
295-
@_link-text-decoration-visited: @product-name-link__text-decoration__visited,
296-
@_link-color-hover: @product-name-link__color__hover,
297-
@_link-text-decoration-hover: @product-name-link__text-decoration__hover,
298-
@_link-color-active: @product-name-link__color__active,
299-
@_link-text-decoration-active: @product-name-link__text-decoration__active
293+
@_link-color: @product-name-link__color,
294+
@_link-text-decoration: @product-name-link__text-decoration,
295+
@_link-color-visited: @product-name-link__color__visited,
296+
@_link-text-decoration-visited: @product-name-link__text-decoration__visited,
297+
@_link-color-hover: @product-name-link__color__hover,
298+
@_link-text-decoration-hover: @product-name-link__text-decoration__hover,
299+
@_link-color-active: @product-name-link__color__active,
300+
@_link-text-decoration-active: @product-name-link__text-decoration__active
300301
);
301302
}
302303
}
@@ -613,11 +614,11 @@
613614
& when (@media-common = true) {
614615
.abs-navigation-icon {
615616
.lib-icon-font(
616-
@_icon-font-content: @icon-down,
617-
@_icon-font-size: 34px,
618-
@_icon-font-line-height: 1.2,
619-
@_icon-font-position: after,
620-
@_icon-font-display: block
617+
@_icon-font-content: @icon-down,
618+
@_icon-font-size: 34px,
619+
@_icon-font-line-height: 1.2,
620+
@_icon-font-position: after,
621+
@_icon-font-display: block
621622
);
622623

623624
&:after {
@@ -635,8 +636,8 @@
635636
& when (@media-common = true) {
636637
.abs-split-button {
637638
.lib-dropdown-split(
638-
@_options-selector : ~'.items',
639-
@_dropdown-split-button-border-radius-fix: true
639+
@_options-selector : ~'.items',
640+
@_dropdown-split-button-border-radius-fix: true
640641
);
641642
vertical-align: middle;
642643
}
@@ -654,13 +655,13 @@
654655

655656
.abs-actions-addto-gridlist {
656657
.lib-icon-font(
657-
@_icon-font-content: '',
658-
@_icon-font-size: 29px,
659-
@_icon-font-color: @addto-color,
660-
@_icon-font-color-hover: @addto-hover-color,
661-
@_icon-font-text-hide: true,
662-
@_icon-font-vertical-align: middle,
663-
@_icon-font-line-height: 24px
658+
@_icon-font-content: '',
659+
@_icon-font-size: 29px,
660+
@_icon-font-color: @addto-color,
661+
@_icon-font-color-hover: @addto-hover-color,
662+
@_icon-font-text-hide: true,
663+
@_icon-font-vertical-align: middle,
664+
@_icon-font-line-height: 24px
664665
);
665666
}
666667
}
@@ -762,11 +763,11 @@
762763
padding-right: 12px;
763764
position: relative;
764765
.lib-icon-font(
765-
@icon-down,
766-
@_icon-font-size: 26px,
767-
@_icon-font-line-height: 10px,
768-
@_icon-font-margin: 3px 0 0 0,
769-
@_icon-font-position: after
766+
@icon-down,
767+
@_icon-font-size: 26px,
768+
@_icon-font-line-height: 10px,
769+
@_icon-font-margin: 3px 0 0 0,
770+
@_icon-font-position: after
770771
);
771772

772773
&:after {
@@ -777,16 +778,16 @@
777778

778779
&-expanded {
779780
.lib-icon-font-symbol(
780-
@_icon-font-content: @icon-up,
781-
@_icon-font-position: after
781+
@_icon-font-content: @icon-up,
782+
@_icon-font-position: after
782783
);
783784
}
784785
}
785786

786787
.abs-tax-total-expanded {
787788
.lib-icon-font-symbol(
788-
@_icon-font-content: @icon-up,
789-
@_icon-font-position: after
789+
@_icon-font-content: @icon-up,
790+
@_icon-font-position: after
790791
);
791792
}
792793
}
@@ -867,23 +868,23 @@
867868
& when (@media-common = true) {
868869
.abs-icon-add {
869870
.lib-icon-font(
870-
@_icon-font-content: @icon-expand,
871-
@_icon-font-size: 10px,
872-
@_icon-font-line-height: 10px,
873-
@_icon-font-vertical-align: middle
871+
@_icon-font-content: @icon-expand,
872+
@_icon-font-size: 10px,
873+
@_icon-font-line-height: 10px,
874+
@_icon-font-vertical-align: middle
874875
);
875876
}
876877
}
877878

878879
.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) {
879880
.abs-icon-add-mobile {
880881
.lib-icon-font(
881-
@_icon-font-content: @icon-expand,
882-
@_icon-font-size: 10px,
883-
@_icon-font-line-height: 10px,
884-
@_icon-font-vertical-align: middle,
885-
@_icon-font-margin: 0 5px 0 0,
886-
@_icon-font-display: block
882+
@_icon-font-content: @icon-expand,
883+
@_icon-font-size: 10px,
884+
@_icon-font-line-height: 10px,
885+
@_icon-font-vertical-align: middle,
886+
@_icon-font-margin: 0 5px 0 0,
887+
@_icon-font-display: block
887888
);
888889
}
889890
}
@@ -924,11 +925,11 @@
924925
position: relative;
925926

926927
.lib-icon-font(
927-
@_icon-font-content: @icon-down,
928-
@_icon-font-size: 28px,
929-
@_icon-font-text-hide: false,
930-
@_icon-font-position: after,
931-
@_icon-font-display: block
928+
@_icon-font-content: @icon-down,
929+
@_icon-font-size: 28px,
930+
@_icon-font-text-hide: false,
931+
@_icon-font-position: after,
932+
@_icon-font-display: block
932933
);
933934

934935
&:after {
@@ -1068,12 +1069,12 @@
10681069
font-weight: @font-weight__bold;
10691070
.lib-link-as-button();
10701071
.lib-button(
1071-
@_button-padding: 7px 15px 7px 0,
1072-
@_button-icon-use: true,
1073-
@_button-font-content: @icon-prev,
1074-
@_button-icon-font-size: 32px,
1075-
@_button-icon-font-line-height: 16px,
1076-
@_button-icon-font-position: before
1072+
@_button-padding: 7px 15px 7px 0,
1073+
@_button-icon-use: true,
1074+
@_button-font-content: @icon-prev,
1075+
@_button-icon-font-size: 32px,
1076+
@_button-icon-font-line-height: 16px,
1077+
@_button-icon-font-position: before
10771078
);
10781079

10791080
&:active {
@@ -1083,9 +1084,9 @@
10831084

10841085
&.update {
10851086
.lib-button-icon(
1086-
@icon-update,
1087-
@_icon-font-size: 32px,
1088-
@_icon-font-line-height: 16px
1087+
@icon-update,
1088+
@_icon-font-size: 32px,
1089+
@_icon-font-line-height: 16px
10891090
);
10901091
padding-left: @indent__xs;
10911092
}
@@ -1160,7 +1161,7 @@
11601161

11611162
& when (@media-common = true) {
11621163
.abs-field-date-input {
1163-
.lib-css(margin-right, @indent__s);
1164+
margin-right: @indent__s;
11641165
width: calc(~'100% -' @icon-calendar__font-size + @indent__s);
11651166
}
11661167
}
@@ -1175,7 +1176,7 @@
11751176
position: relative;
11761177

11771178
input {
1178-
.lib-css(margin-right, @indent__s);
1179+
margin-right: @indent__s;
11791180
width: calc(~'100% -' @checkout-tooltip-icon__font-size + @indent__s + @indent__xs);
11801181
}
11811182
}
@@ -1193,12 +1194,12 @@
11931194
&:before,
11941195
&:after {
11951196
.lib-arrow(
1196-
@_position: top,
1197-
@_size: @checkout-tooltip-icon-arrow__font-size,
1198-
@_color: @checkout-tooltip-content__background-color
1197+
@_position: top,
1198+
@_size: @checkout-tooltip-icon-arrow__font-size,
1199+
@_color: @checkout-tooltip-content__background-color
11991200
);
12001201
.lib-css(margin-top, @checkout-tooltip-icon-arrow__left);
1201-
.lib-css(right, @indent__s);
1202+
right: @indent__s;
12021203
left: auto;
12031204
top: 0;
12041205
}
@@ -1234,11 +1235,11 @@
12341235
.lib-css(border-bottom, @checkout-step-title__border);
12351236
.lib-css(padding-bottom, @checkout-step-title__padding);
12361237
.lib-typography(
1237-
@_font-size: @checkout-step-title__font-size,
1238-
@_font-weight: @checkout-step-title__font-weight,
1239-
@_font-family: false,
1240-
@_font-style: false,
1241-
@_line-height: false
1238+
@_font-size: @checkout-step-title__font-size,
1239+
@_font-weight: @checkout-step-title__font-weight,
1240+
@_font-family: false,
1241+
@_font-style: false,
1242+
@_line-height: false
12421243
);
12431244
}
12441245
}
@@ -1299,11 +1300,11 @@
12991300

13001301
.amount .price {
13011302
.lib-icon-font(
1302-
@icon-down,
1303-
@_icon-font-size: 30px,
1304-
@_icon-font-text-hide: true,
1305-
@_icon-font-position: after,
1306-
@_icon-font-display: block
1303+
@icon-down,
1304+
@_icon-font-size: 30px,
1305+
@_icon-font-text-hide: true,
1306+
@_icon-font-position: after,
1307+
@_icon-font-display: block
13071308
);
13081309
padding-right: @indent__m;
13091310
position: relative;
@@ -1323,16 +1324,16 @@
13231324

13241325
.amount .price {
13251326
.lib-icon-font-symbol(
1326-
@_icon-font-content: @icon-up,
1327-
@_icon-font-position: after
1327+
@_icon-font-content: @icon-up,
1328+
@_icon-font-position: after
13281329
);
13291330
}
13301331
}
13311332
}
13321333

13331334
&-details {
13341335
display: none;
1335-
.lib-css(border-bottom, @border-width__base solid @border-color__base);
1336+
border-bottom: @border-width__base solid @border-color__base;
13361337

13371338
&.shown {
13381339
display: table-row;
@@ -1357,10 +1358,10 @@
13571358
cursor: pointer;
13581359
font-weight: @font-weight__semibold;
13591360
.lib-icon-font(
1360-
@_icon-font-content: @icon-down,
1361-
@_icon-font-size: 30px,
1362-
@_icon-font-position: after,
1363-
@_icon-font-display: block
1361+
@_icon-font-content: @icon-down,
1362+
@_icon-font-size: 30px,
1363+
@_icon-font-position: after,
1364+
@_icon-font-display: block
13641365
);
13651366
margin-bottom: 0;
13661367
overflow: hidden;
@@ -1388,8 +1389,8 @@
13881389
&.active {
13891390
> .title {
13901391
.lib-icon-font-symbol(
1391-
@_icon-font-content: @icon-up,
1392-
@_icon-font-position: after
1392+
@_icon-font-content: @icon-up,
1393+
@_icon-font-position: after
13931394
);
13941395
}
13951396

0 commit comments

Comments
 (0)