@sc-360-v2/storefront-cms-library 0.4.73 → 0.4.74
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cartDropdownOverlay.scss +1 -1
- package/dist/category-groups-element.scss +138 -138
- package/dist/gallery-slider-temp.scss +1238 -1234
- package/dist/image-temp.scss +9 -9
- package/dist/layouter.scss +10 -0
- package/dist/quantity-selector.scss +3 -2
- package/dist/repeater-embla-controls.scss +14 -12
- package/dist/repeater.scss +10 -0
- package/package.json +1 -1
package/dist/image-temp.scss
CHANGED
|
@@ -94,15 +94,15 @@ $isFlexboxElementChild: ".flx > .wrapper > *";
|
|
|
94
94
|
border-style: var(--_ctm-mob-dn-br-se, var(--_ctm-tab-dn-br-se, var(--_ctm-dn-br-se)));
|
|
95
95
|
border-width: var(--_ctm-mob-dn-br-wh, var(--_ctm-tab-dn-br-wh, var(--_ctm-dn-br-wh)));
|
|
96
96
|
border-radius: var(--_ctm-mob-dn-br-rs, var(--_ctm-tab-dn-br-rs, var(--_ctm-dn-br-rs)));
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
var(--_ctm-mob-dn-sw-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
}
|
|
97
|
+
box-shadow: var(
|
|
98
|
+
--_show-shadow,
|
|
99
|
+
var(--_ctm-mob-dn-sw-ae, var(--_ctm-tab-dn-sw-ae, var(--_ctm-dn-sw-ae)))
|
|
100
|
+
var(--_ctm-mob-dn-sw-br, var(--_ctm-tab-dn-sw-br, var(--_ctm-dn-sw-br)))
|
|
101
|
+
var(--_ctm-mob-dn-sw-sd, var(--_ctm-tab-dn-sw-sd, var(--_ctm-dn-sw-sd)))
|
|
102
|
+
var(--_ctm-mob-dn-sw-cr, var(--_ctm-tab-dn-sw-cr, var(--_ctm-dn-sw-cr)))
|
|
103
|
+
);
|
|
104
|
+
// &[data-show-shadow] {
|
|
105
|
+
// }
|
|
106
106
|
|
|
107
107
|
// transform: scale(var(--_ctm-dn-zm-ie));
|
|
108
108
|
scale: var(--_ctm-mob-dn-zm-ie, var(--_ctm-tab-dn-zm-ie, var(--_ctm-dn-zm-ie)));
|
package/dist/layouter.scss
CHANGED
|
@@ -88,6 +88,16 @@ $sliderControlDragging: "[flex-slider-control-moving='true']";
|
|
|
88
88
|
);
|
|
89
89
|
padding: var(--_ctm-mob-lay-lt-pg, var(--_ctm-tab-lay-lt-pg, var(--_ctm-lay-lt-pg)));
|
|
90
90
|
|
|
91
|
+
--_sf-ic-sz-nn: var(
|
|
92
|
+
--_ctm-mob-lay-lt-aw-in-se,
|
|
93
|
+
var(--_ctm-tab-lay-lt-aw-in-se, var(--_ctm-lay-lt-aw-in-se, 40px))
|
|
94
|
+
);
|
|
95
|
+
|
|
96
|
+
--_sf-ed-vl-sz: var(
|
|
97
|
+
--_ctm-mob-lay-lt-dt-se,
|
|
98
|
+
var(--_ctm-tab-lay-lt-dt-se, var(--_ctm-lay-lt-dt-se, 10px))
|
|
99
|
+
);
|
|
100
|
+
|
|
91
101
|
&.grd {
|
|
92
102
|
& > div {
|
|
93
103
|
&.wrapper {
|
|
@@ -352,10 +352,11 @@
|
|
|
352
352
|
}
|
|
353
353
|
|
|
354
354
|
//Dropdown
|
|
355
|
-
.
|
|
355
|
+
.est__dropdown__main {
|
|
356
356
|
position: relative;
|
|
357
357
|
width: 100%;
|
|
358
358
|
margin-top: 0px;
|
|
359
|
+
padding: 30px;
|
|
359
360
|
label {
|
|
360
361
|
font-size: 14px;
|
|
361
362
|
color: var(--_gray-700);
|
|
@@ -363,7 +364,7 @@
|
|
|
363
364
|
display: block;
|
|
364
365
|
}
|
|
365
366
|
|
|
366
|
-
.
|
|
367
|
+
.est__dropdown {
|
|
367
368
|
cursor: pointer;
|
|
368
369
|
position: relative;
|
|
369
370
|
color: var(--_gray-700);
|
|
@@ -31,10 +31,11 @@
|
|
|
31
31
|
opacity: var(--_sf-pg-ic-op, 0);
|
|
32
32
|
transition: all 0.45s ease;
|
|
33
33
|
} @else {
|
|
34
|
-
min-height: var(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
);
|
|
34
|
+
// min-height: var(
|
|
35
|
+
// --_ctm-mob-rep-lt-aw-in-se,
|
|
36
|
+
// var(--_ctm-tab-rep-lt-aw-in-se, var(--_ctm-rep-lt-aw-in-se, 40px))
|
|
37
|
+
// );
|
|
38
|
+
min-height: var(-_sf-ic-sz-nn);
|
|
38
39
|
--_sf-t3-lt-vl-v2: var(--_sf-rp-ct-t3-left-vl, 50%);
|
|
39
40
|
--_sf-t3-bt-bl-v2: var(--_sf-rp-ct-t3-bottom-vl, 20px);
|
|
40
41
|
--_sf-t3-tr-bl-v2: var(--_sf-rp-ct-t3-transform-vl, translateX(-50%));
|
|
@@ -69,10 +70,10 @@
|
|
|
69
70
|
right: var(--_sf-nv-lt-vl, 10px);
|
|
70
71
|
}
|
|
71
72
|
}
|
|
72
|
-
--_sf-ic-sz-nn: var(
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
);
|
|
73
|
+
// --_sf-ic-sz-nn: var(
|
|
74
|
+
// --_ctm-mob-rep-lt-aw-in-se,
|
|
75
|
+
// var(--_ctm-tab-rep-lt-aw-in-se, var(--_ctm-rep-lt-aw-in-se, 40px))
|
|
76
|
+
// );
|
|
76
77
|
width: var(--_sf-ic-sz-nn);
|
|
77
78
|
// --_ctm-rep-lt-dt-se
|
|
78
79
|
height: var(--_sf-ic-sz-nn);
|
|
@@ -141,13 +142,14 @@
|
|
|
141
142
|
display: flex;
|
|
142
143
|
align-items: center;
|
|
143
144
|
gap: var(--_sf-dt-gp-vl, 8px);
|
|
145
|
+
max-width: 200px;
|
|
144
146
|
|
|
145
147
|
& > button {
|
|
146
148
|
&.embla__dot {
|
|
147
|
-
--_sf-ed-vl-sz: var(
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
);
|
|
149
|
+
// --_sf-ed-vl-sz: var(
|
|
150
|
+
// --_ctm-mob-rep-lt-dt-se,
|
|
151
|
+
// var(--_ctm-tab-rep-lt-dt-se, var(--_ctm-rep-lt-dt-se, 10px))
|
|
152
|
+
// );
|
|
151
153
|
@if ($type != 3) {
|
|
152
154
|
transition: all 0.45s ease;
|
|
153
155
|
width: var(--_sf-nv-pg-sz-ac, var(--_sf-ed-vl-sz, 10px));
|
package/dist/repeater.scss
CHANGED
|
@@ -96,6 +96,16 @@ $rai: "repeater-advertise-item";
|
|
|
96
96
|
);
|
|
97
97
|
padding: var(--_ctm-mob-rep-lt-pg, var(--_ctm-tab-rep-lt-pg, var(--_ctm-rep-lt-pg)));
|
|
98
98
|
|
|
99
|
+
--_sf-ic-sz-nn: var(
|
|
100
|
+
--_ctm-mob-rep-lt-aw-in-se,
|
|
101
|
+
var(--_ctm-tab-rep-lt-aw-in-se, var(--_ctm-rep-lt-aw-in-se, 40px))
|
|
102
|
+
);
|
|
103
|
+
|
|
104
|
+
--_sf-ed-vl-sz: var(
|
|
105
|
+
--_ctm-mob-rep-lt-dt-se,
|
|
106
|
+
var(--_ctm-tab-rep-lt-dt-se, var(--_ctm-rep-lt-dt-se, 10px))
|
|
107
|
+
);
|
|
108
|
+
|
|
99
109
|
&[data-grid-toggle="enable"] {
|
|
100
110
|
position: var(--_p-relative);
|
|
101
111
|
@include FlexRepeaterGridToggleCSS();
|