@sc-360-v2/storefront-cms-library 0.4.50 → 0.4.52

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.
Files changed (39) hide show
  1. package/dist/allocationDetails.scss +2253 -2247
  2. package/dist/builder.js +1 -1
  3. package/dist/cart-details.scss +3207 -3207
  4. package/dist/cart.scss +271 -269
  5. package/dist/cartAttributes.scss +932 -935
  6. package/dist/checkout.scss +6496 -6460
  7. package/dist/dropdownTemplate.scss +4 -1
  8. package/dist/filters.scss +2450 -2418
  9. package/dist/functions.scss +91 -1
  10. package/dist/icon-list.scss +277 -268
  11. package/dist/language-selector.scss +702 -528
  12. package/dist/layouter.scss +307 -294
  13. package/dist/login.scss +1605 -1473
  14. package/dist/menu-v2.scss +752 -730
  15. package/dist/my-templates.scss +464 -463
  16. package/dist/myTemplates.scss +5 -5
  17. package/dist/order-status.scss +1877 -1856
  18. package/dist/product-image-allocation.scss +1365 -0
  19. package/dist/product-image.scss +2 -1
  20. package/dist/product-sizechart.scss +1826 -1826
  21. package/dist/profile.scss +23 -20
  22. package/dist/repeater-embla-controls.scss +6 -0
  23. package/dist/repeater.scss +920 -915
  24. package/dist/search.scss +361 -296
  25. package/dist/section.scss +210 -209
  26. package/dist/static-global.scss +5 -0
  27. package/dist/types/builder/tools/element-edit/bundle.d.ts +13 -2
  28. package/dist/types/builder/tools/element-edit/cart.d.ts +1 -0
  29. package/dist/types/builder/tools/element-edit/common.d.ts +5 -0
  30. package/dist/types/builder/tools/element-edit/icon-list.d.ts +17 -0
  31. package/dist/types/builder/tools/element-edit/language-menu.d.ts +1 -0
  32. package/dist/types/builder/tools/element-edit/login.d.ts +1 -0
  33. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +39 -0
  34. package/dist/types/builder/tools/element-edit/repeater.d.ts +2 -0
  35. package/dist/types/builder/tools/element-edit/resetPassword.d.ts +2 -1
  36. package/dist/types/builder/tools/element-edit/search.d.ts +28 -0
  37. package/dist/types/builder/tools/element-edit/userElements.d.ts +48 -88
  38. package/dist/user-elements.scss +2555 -2471
  39. package/package.json +1 -1
package/dist/cart.scss CHANGED
@@ -1,269 +1,271 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
-
4
- [data-div-type="element"] {
5
- &[data-element-type="cart"] {
6
- // width: var(
7
- // --_ctm-mob-ele-nw-wh-st-mx,
8
- // var(
9
- // --_ctm-tab-ele-nw-wh-st-mx,
10
- // var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))))
11
- // )
12
- // );
13
-
14
- margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
15
-
16
- height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
17
-
18
- // aspect-ratio: var(
19
- // --_ctm-mob-aspect-ratio,
20
- // var(--_ctm-tab-aspect-ratio, var(--_sf-aspect-ratio))
21
- // );
22
-
23
- position: relative;
24
-
25
- & > .wrapper {
26
- display: flex;
27
- align-items: center;
28
- justify-content: center;
29
- width: 100%;
30
- height: 100%;
31
- }
32
-
33
- .cart__section {
34
- display: flex;
35
- align-items: center;
36
- cursor: pointer;
37
- gap: 8px;
38
- .cart__div {
39
- position: relative;
40
- span {
41
- svg {
42
- width: var(
43
- --_ctm-mob-dn-ct-in-in-se,
44
- var(--_ctm-tab-dn-ct-in-in-se, var(--_ctm-dn-ct-in-in-se))
45
- );
46
- height: var(
47
- --_ctm-mob-dn-ct-in-in-se,
48
- var(--_ctm-tab-dn-ct-in-in-se, var(--_ctm-dn-ct-in-in-se))
49
- );
50
- path {
51
- stroke: var(
52
- --_ctm-mob-dn-ct-in-in-c1,
53
- var(--_ctm-tab-dn-ct-in-in-c1, var(--_ctm-dn-ct-in-in-c1))
54
- );
55
- }
56
- }
57
- }
58
-
59
- .badge {
60
- color: var(
61
- --_ctm-mob-dn-ct-is-ct-cr,
62
- var(--_ctm-tab-dn-ct-is-ct-cr, var(--_ctm-dn-ct-is-ct-cr))
63
- );
64
- font-family: var(
65
- --_ctm-mob-dn-ct-is-ct-ft-fy,
66
- var(--_ctm-tab-dn-ct-is-ct-ft-fy, var(--_ctm-dn-ct-is-ct-ft-fy))
67
- );
68
- font-size: var(
69
- --_ctm-mob-dn-ct-is-ct-ft-se,
70
- var(--_ctm-tab-dn-ct-is-ct-ft-se, var(--_ctm-dn-ct-is-ct-ft-se))
71
- );
72
- font-weight: var(
73
- --_ctm-mob-dn-ct-is-ct-ft-wt,
74
- var(--_ctm-tab-dn-ct-is-ct-ft-wt, var(--_ctm-dn-ct-is-ct-ft-wt))
75
- );
76
- font-style: var(
77
- --_ctm-mob-dn-ct-is-ct-ft-se-ic,
78
- var(--_ctm-tab-dn-ct-is-ct-ft-se-ic, var(--_ctm-dn-ct-is-ct-ft-se-ic))
79
- );
80
- text-align: var(
81
- --_ctm-mob-dn-ct-is-ct-tt-an,
82
- var(--_ctm-tab-dn-ct-is-ct-tt-an, var(--_ctm-dn-ct-is-ct-tt-an))
83
- );
84
- letter-spacing: var(
85
- --_ctm-mob-dn-ct-is-ct-lr-sg,
86
- var(--_ctm-tab-dn-ct-is-ct-lr-sg, var(--_ctm-dn-ct-is-ct-lr-sg))
87
- );
88
- line-height: var(
89
- --_ctm-mob-dn-ct-is-ct-le-ht,
90
- var(--_ctm-tab-dn-ct-is-ct-le-ht, var(--_ctm-dn-ct-is-ct-le-ht))
91
- );
92
- text-decoration: var(
93
- --_ctm-mob-dn-ct-is-ct-ue,
94
- var(--_ctm-tab-dn-ct-is-ct-ue, var(--_ctm-dn-ct-is-ct-ue))
95
- );
96
- background-color: var(
97
- --_ctm-mob-dn-ct-is-ct-bd-cr,
98
- var(--_ctm-tab-dn-ct-is-ct-bd-cr, var(--_ctm-dn-ct-is-ct-bd-cr))
99
- );
100
- border-color: var(
101
- --_ctm-mob-dn-ct-is-ct-br-cr,
102
- var(--_ctm-tab-dn-ct-is-ct-br-cr, var(--_ctm-dn-ct-is-ct-br-cr))
103
- );
104
- border-style: var(
105
- --_ctm-mob-dn-ct-is-ct-br-se,
106
- var(--_ctm-tab-dn-ct-is-ct-br-se, var(--_ctm-dn-ct-is-ct-br-se))
107
- );
108
- border-width: var(
109
- --_ctm-mob-dn-ct-is-ct-br-wh,
110
- var(--_ctm-tab-dn-ct-is-ct-br-wh, var(--_ctm-dn-ct-is-ct-br-wh))
111
- );
112
- border-radius: var(
113
- --_ctm-mob-dn-ct-is-ct-br-rs,
114
- var(--_ctm-tab-dn-ct-is-ct-br-rs, var(--_ctm-dn-ct-is-ct-br-rs))
115
- );
116
- box-shadow: var(
117
- --_show-text-content-shadow,
118
- var(
119
- --_ctm-mob-dn-ct-is-ct-sw-ae,
120
- var(--_ctm-tab-dn-ct-is-ct-sw-ae, var(--_ctm-dn-ct-is-ct-sw-ae, none))
121
- )
122
- var(
123
- --_ctm-mob-dn-ct-is-ct-sw-br,
124
- var(--_ctm-tab-dn-ct-is-ct-sw-br, var(--_ctm-dn-ct-is-ct-sw-br, none))
125
- )
126
- var(
127
- --_ctm-mob-dn-ct-is-ct-sw-sd,
128
- var(--_ctm-tab-dn-ct-is-ct-sw-sd, var(--_ctm-dn-ct-is-ct-sw-sd, none))
129
- )
130
- var(
131
- --_ctm-mob-dn-ct-is-ct-sw-cr,
132
- var(--_ctm-tab-dn-ct-is-ct-sw-cr, var(--_ctm-dn-ct-is-ct-sw-cr, none))
133
- )
134
- );
135
- height: 20px;
136
- width: 20px;
137
- position: absolute;
138
- top: -3px;
139
- right: -7px;
140
- display: flex;
141
- align-items: center;
142
- justify-content: center;
143
- }
144
- }
145
-
146
- .cart__content {
147
- display: flex;
148
- flex-direction: column;
149
- list-style: none;
150
- margin-left: 5px;
151
-
152
- color: var(
153
- --_ctm-mob-dn-mi-ct-tt-cr,
154
- var(--_ctm-tab-dn-mi-ct-tt-cr, var(--_ctm-dn-mi-ct-tt-cr))
155
- );
156
- font-family: var(
157
- --_ctm-mob-dn-mi-ct-tt-ft-fy,
158
- var(--_ctm-tab-dn-mi-ct-tt-ft-fy, var(--_ctm-dn-mi-ct-tt-ft-fy))
159
- );
160
- font-size: var(
161
- --_ctm-mob-dn-mi-ct-tt-ft-se,
162
- var(--_ctm-tab-dn-mi-ct-tt-ft-se, var(--_ctm-dn-mi-ct-tt-ft-se))
163
- );
164
- font-weight: var(
165
- --_ctm-mob-dn-mi-ct-tt-ft-wt,
166
- var(--_ctm-tab-dn-mi-ct-tt-ft-wt, var(--_ctm-dn-mi-ct-tt-ft-wt))
167
- );
168
- font-style: var(
169
- --_ctm-mob-dn-mi-ct-tt-ft-se-ic,
170
- var(--_ctm-tab-dn-mi-ct-tt-ft-se-ic, var(--_ctm-dn-mi-ct-tt-ft-se-ic))
171
- );
172
- text-align: var(
173
- --_ctm-mob-dn-mi-ct-tt-tt-an,
174
- var(--_ctm-tab-dn-mi-ct-tt-tt-an, var(--_ctm-dn-mi-ct-tt-tt-an))
175
- );
176
- letter-spacing: var(
177
- --_ctm-mob-dn-mi-ct-tt-lr-sg,
178
- var(--_ctm-tab-dn-mi-ct-tt-lr-sg, var(--_ctm-dn-mi-ct-tt-lr-sg))
179
- );
180
- line-height: var(
181
- --_ctm-mob-dn-mi-ct-tt-le-ht,
182
- var(--_ctm-tab-dn-mi-ct-tt-le-ht, var(--_ctm-dn-mi-ct-tt-le-ht))
183
- );
184
- text-decoration: var(
185
- --_ctm-mob-dn-mi-ct-tt-ue,
186
- var(--_ctm-tab-dn-mi-ct-tt-ue, var(--_ctm-dn-mi-ct-tt-ue))
187
- );
188
-
189
- .cart__total {
190
- color: var(
191
- --_ctm-mob-dn-mi-ct-tt-cr-dc,
192
- var(--_ctm-tab-dn-mi-ct-tt-cr-dc, var(--_ctm-dn-mi-ct-tt-cr-dc))
193
- );
194
- font-family: var(
195
- --_ctm-mob-dn-mi-ct-tt-ft-fy-dc,
196
- var(--_ctm-tab-dn-mi-ct-tt-ft-fy-dc, var(--_ctm-dn-mi-ct-tt-ft-fy-dc))
197
- );
198
- font-size: var(
199
- --_ctm-mob-dn-mi-ct-tt-ft-se-dc,
200
- var(--_ctm-tab-dn-mi-ct-tt-ft-se-dc, var(--_ctm-dn-mi-ct-tt-ft-se-dc))
201
- );
202
- font-weight: var(
203
- --_ctm-mob-dn-mi-ct-tt-ft-wt-dc,
204
- var(--_ctm-tab-dn-mi-ct-tt-ft-wt-dc, var(--_ctm-dn-mi-ct-tt-ft-wt-dc))
205
- );
206
- font-style: var(
207
- --_ctm-mob-dn-mi-ct-tt-ft-se-ic-dc,
208
- var(--_ctm-tab-dn-mi-ct-tt-ft-se-ic-dc, var(--_ctm-dn-mi-ct-tt-ft-se-ic-dc))
209
- );
210
- text-align: var(
211
- --_ctm-mob-dn-mi-ct-tt-tt-an-dc,
212
- var(--_ctm-tab-dn-mi-ct-tt-tt-an-dc, var(--_ctm-dn-mi-ct-tt-tt-an-dc))
213
- );
214
- letter-spacing: var(
215
- --_ctm-mob-dn-mi-ct-tt-lr-sg-dc,
216
- var(--_ctm-tab-dn-mi-ct-tt-lr-sg-dc, var(--_ctm-dn-mi-ct-tt-lr-sg-dc))
217
- );
218
- line-height: var(
219
- --_ctm-mob-dn-mi-ct-tt-le-ht-dc,
220
- var(--_ctm-tab-dn-mi-ct-tt-le-ht-dc, var(--_ctm-dn-mi-ct-tt-le-ht-dc))
221
- );
222
- }
223
- }
224
- }
225
- // .icon {
226
- // position: relative;
227
- // cursor: pointer;
228
- // display: flex;
229
- // align-items: center;
230
- // justify-content: center;
231
-
232
- // svg {
233
- // width: 100%;
234
- // height: 100%;
235
- // max-width: 20px;
236
- // max-height: 20px;
237
- // // width: var(--_ctm-dn-im-se-in-se, var(--_tst-dn-im-se-in-se));
238
- // // height: var(--_ctm-dn-im-se-in-se, var(--_tst-dn-im-se-in-se));
239
-
240
- // path {
241
- // // stroke: var(--_ctm-dn-im-se-in-c1, var(--_tst-dn-im-se-in-c1));
242
- // }
243
- // }
244
- // }
245
-
246
- // .cart-count {
247
- // position: absolute;
248
- // top: 4px;
249
- // right: 10px;
250
- // background-color: #243dc6;
251
- // color: white;
252
- // font-size: 10px;
253
- // font-weight: bold;
254
- // min-width: 16px;
255
- // height: 16px;
256
- // border-radius: 30%;
257
- // display: flex;
258
- // align-items: center;
259
- // justify-content: center;
260
- // line-height: 1;
261
- // padding: 2px;
262
- // box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
263
- // }
264
-
265
- &[data-show-shadow="false"] {
266
- --_show-shadow: none;
267
- }
268
- }
269
- }
1
+ @use "sass:map";
2
+ @use "sass:list";
3
+ @use "./functions.scss" as *;
4
+
5
+ [data-div-type="element"] {
6
+ &[data-element-type="cart"] {
7
+ // width: var(
8
+ // --_ctm-mob-ele-nw-wh-st-mx,
9
+ // var(
10
+ // --_ctm-tab-ele-nw-wh-st-mx,
11
+ // var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))))
12
+ // )
13
+ // );
14
+
15
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
16
+
17
+ height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
18
+
19
+ // aspect-ratio: var(
20
+ // --_ctm-mob-aspect-ratio,
21
+ // var(--_ctm-tab-aspect-ratio, var(--_sf-aspect-ratio))
22
+ // );
23
+
24
+ position: relative;
25
+
26
+ & > .wrapper {
27
+ display: flex;
28
+ align-items: center;
29
+ justify-content: center;
30
+ width: 100%;
31
+ height: 100%;
32
+ }
33
+
34
+ .cart__section {
35
+ display: flex;
36
+ align-items: center;
37
+ cursor: pointer;
38
+ gap: 12px;
39
+ .cart__div {
40
+ position: relative;
41
+ span {
42
+ svg {
43
+ width: var(
44
+ --_ctm-mob-dn-ct-in-in-se,
45
+ var(--_ctm-tab-dn-ct-in-in-se, var(--_ctm-dn-ct-in-in-se))
46
+ );
47
+ height: var(
48
+ --_ctm-mob-dn-ct-in-in-se,
49
+ var(--_ctm-tab-dn-ct-in-in-se, var(--_ctm-dn-ct-in-in-se))
50
+ );
51
+ path {
52
+ stroke: var(
53
+ --_ctm-mob-dn-ct-in-in-c1,
54
+ var(--_ctm-tab-dn-ct-in-in-c1, var(--_ctm-dn-ct-in-in-c1))
55
+ );
56
+ stroke-width: prepareMediaVariable(--_ctm-dn-ct-in-se-wh);
57
+ }
58
+ }
59
+ }
60
+
61
+ .badge {
62
+ color: var(
63
+ --_ctm-mob-dn-ct-is-ct-cr,
64
+ var(--_ctm-tab-dn-ct-is-ct-cr, var(--_ctm-dn-ct-is-ct-cr))
65
+ );
66
+ font-family: var(
67
+ --_ctm-mob-dn-ct-is-ct-ft-fy,
68
+ var(--_ctm-tab-dn-ct-is-ct-ft-fy, var(--_ctm-dn-ct-is-ct-ft-fy))
69
+ );
70
+ font-size: var(
71
+ --_ctm-mob-dn-ct-is-ct-ft-se,
72
+ var(--_ctm-tab-dn-ct-is-ct-ft-se, var(--_ctm-dn-ct-is-ct-ft-se))
73
+ );
74
+ font-weight: var(
75
+ --_ctm-mob-dn-ct-is-ct-ft-wt,
76
+ var(--_ctm-tab-dn-ct-is-ct-ft-wt, var(--_ctm-dn-ct-is-ct-ft-wt))
77
+ );
78
+ font-style: var(
79
+ --_ctm-mob-dn-ct-is-ct-ft-se-ic,
80
+ var(--_ctm-tab-dn-ct-is-ct-ft-se-ic, var(--_ctm-dn-ct-is-ct-ft-se-ic))
81
+ );
82
+ text-align: var(
83
+ --_ctm-mob-dn-ct-is-ct-tt-an,
84
+ var(--_ctm-tab-dn-ct-is-ct-tt-an, var(--_ctm-dn-ct-is-ct-tt-an))
85
+ );
86
+ letter-spacing: var(
87
+ --_ctm-mob-dn-ct-is-ct-lr-sg,
88
+ var(--_ctm-tab-dn-ct-is-ct-lr-sg, var(--_ctm-dn-ct-is-ct-lr-sg))
89
+ );
90
+ line-height: var(
91
+ --_ctm-mob-dn-ct-is-ct-le-ht,
92
+ var(--_ctm-tab-dn-ct-is-ct-le-ht, var(--_ctm-dn-ct-is-ct-le-ht))
93
+ );
94
+ text-decoration: var(
95
+ --_ctm-mob-dn-ct-is-ct-ue,
96
+ var(--_ctm-tab-dn-ct-is-ct-ue, var(--_ctm-dn-ct-is-ct-ue))
97
+ );
98
+ background-color: var(
99
+ --_ctm-mob-dn-ct-is-ct-bd-cr,
100
+ var(--_ctm-tab-dn-ct-is-ct-bd-cr, var(--_ctm-dn-ct-is-ct-bd-cr))
101
+ );
102
+ border-color: var(
103
+ --_ctm-mob-dn-ct-is-ct-br-cr,
104
+ var(--_ctm-tab-dn-ct-is-ct-br-cr, var(--_ctm-dn-ct-is-ct-br-cr))
105
+ );
106
+ border-style: var(
107
+ --_ctm-mob-dn-ct-is-ct-br-se,
108
+ var(--_ctm-tab-dn-ct-is-ct-br-se, var(--_ctm-dn-ct-is-ct-br-se))
109
+ );
110
+ border-width: var(
111
+ --_ctm-mob-dn-ct-is-ct-br-wh,
112
+ var(--_ctm-tab-dn-ct-is-ct-br-wh, var(--_ctm-dn-ct-is-ct-br-wh))
113
+ );
114
+ border-radius: var(
115
+ --_ctm-mob-dn-ct-is-ct-br-rs,
116
+ var(--_ctm-tab-dn-ct-is-ct-br-rs, var(--_ctm-dn-ct-is-ct-br-rs))
117
+ );
118
+ box-shadow: var(
119
+ --_show-text-content-shadow,
120
+ var(
121
+ --_ctm-mob-dn-ct-is-ct-sw-ae,
122
+ var(--_ctm-tab-dn-ct-is-ct-sw-ae, var(--_ctm-dn-ct-is-ct-sw-ae, none))
123
+ )
124
+ var(
125
+ --_ctm-mob-dn-ct-is-ct-sw-br,
126
+ var(--_ctm-tab-dn-ct-is-ct-sw-br, var(--_ctm-dn-ct-is-ct-sw-br, none))
127
+ )
128
+ var(
129
+ --_ctm-mob-dn-ct-is-ct-sw-sd,
130
+ var(--_ctm-tab-dn-ct-is-ct-sw-sd, var(--_ctm-dn-ct-is-ct-sw-sd, none))
131
+ )
132
+ var(
133
+ --_ctm-mob-dn-ct-is-ct-sw-cr,
134
+ var(--_ctm-tab-dn-ct-is-ct-sw-cr, var(--_ctm-dn-ct-is-ct-sw-cr, none))
135
+ )
136
+ );
137
+ height: 20px;
138
+ width: 20px;
139
+ position: absolute;
140
+ top: -3px;
141
+ right: -7px;
142
+ display: flex;
143
+ align-items: center;
144
+ justify-content: center;
145
+ }
146
+ }
147
+
148
+ .cart__content {
149
+ display: flex;
150
+ flex-direction: column;
151
+ list-style: none;
152
+ margin-left: 5px;
153
+
154
+ color: var(
155
+ --_ctm-mob-dn-mi-ct-tt-cr,
156
+ var(--_ctm-tab-dn-mi-ct-tt-cr, var(--_ctm-dn-mi-ct-tt-cr))
157
+ );
158
+ font-family: var(
159
+ --_ctm-mob-dn-mi-ct-tt-ft-fy,
160
+ var(--_ctm-tab-dn-mi-ct-tt-ft-fy, var(--_ctm-dn-mi-ct-tt-ft-fy))
161
+ );
162
+ font-size: var(
163
+ --_ctm-mob-dn-mi-ct-tt-ft-se,
164
+ var(--_ctm-tab-dn-mi-ct-tt-ft-se, var(--_ctm-dn-mi-ct-tt-ft-se))
165
+ );
166
+ font-weight: var(
167
+ --_ctm-mob-dn-mi-ct-tt-ft-wt,
168
+ var(--_ctm-tab-dn-mi-ct-tt-ft-wt, var(--_ctm-dn-mi-ct-tt-ft-wt))
169
+ );
170
+ font-style: var(
171
+ --_ctm-mob-dn-mi-ct-tt-ft-se-ic,
172
+ var(--_ctm-tab-dn-mi-ct-tt-ft-se-ic, var(--_ctm-dn-mi-ct-tt-ft-se-ic))
173
+ );
174
+ text-align: var(
175
+ --_ctm-mob-dn-mi-ct-tt-tt-an,
176
+ var(--_ctm-tab-dn-mi-ct-tt-tt-an, var(--_ctm-dn-mi-ct-tt-tt-an))
177
+ );
178
+ letter-spacing: var(
179
+ --_ctm-mob-dn-mi-ct-tt-lr-sg,
180
+ var(--_ctm-tab-dn-mi-ct-tt-lr-sg, var(--_ctm-dn-mi-ct-tt-lr-sg))
181
+ );
182
+ line-height: var(
183
+ --_ctm-mob-dn-mi-ct-tt-le-ht,
184
+ var(--_ctm-tab-dn-mi-ct-tt-le-ht, var(--_ctm-dn-mi-ct-tt-le-ht))
185
+ );
186
+ text-decoration: var(
187
+ --_ctm-mob-dn-mi-ct-tt-ue,
188
+ var(--_ctm-tab-dn-mi-ct-tt-ue, var(--_ctm-dn-mi-ct-tt-ue))
189
+ );
190
+
191
+ .cart__total {
192
+ color: var(
193
+ --_ctm-mob-dn-mi-ct-tt-cr-dc,
194
+ var(--_ctm-tab-dn-mi-ct-tt-cr-dc, var(--_ctm-dn-mi-ct-tt-cr-dc))
195
+ );
196
+ font-family: var(
197
+ --_ctm-mob-dn-mi-ct-tt-ft-fy-dc,
198
+ var(--_ctm-tab-dn-mi-ct-tt-ft-fy-dc, var(--_ctm-dn-mi-ct-tt-ft-fy-dc))
199
+ );
200
+ font-size: var(
201
+ --_ctm-mob-dn-mi-ct-tt-ft-se-dc,
202
+ var(--_ctm-tab-dn-mi-ct-tt-ft-se-dc, var(--_ctm-dn-mi-ct-tt-ft-se-dc))
203
+ );
204
+ font-weight: var(
205
+ --_ctm-mob-dn-mi-ct-tt-ft-wt-dc,
206
+ var(--_ctm-tab-dn-mi-ct-tt-ft-wt-dc, var(--_ctm-dn-mi-ct-tt-ft-wt-dc))
207
+ );
208
+ font-style: var(
209
+ --_ctm-mob-dn-mi-ct-tt-ft-se-ic-dc,
210
+ var(--_ctm-tab-dn-mi-ct-tt-ft-se-ic-dc, var(--_ctm-dn-mi-ct-tt-ft-se-ic-dc))
211
+ );
212
+ text-align: var(
213
+ --_ctm-mob-dn-mi-ct-tt-tt-an-dc,
214
+ var(--_ctm-tab-dn-mi-ct-tt-tt-an-dc, var(--_ctm-dn-mi-ct-tt-tt-an-dc))
215
+ );
216
+ letter-spacing: var(
217
+ --_ctm-mob-dn-mi-ct-tt-lr-sg-dc,
218
+ var(--_ctm-tab-dn-mi-ct-tt-lr-sg-dc, var(--_ctm-dn-mi-ct-tt-lr-sg-dc))
219
+ );
220
+ line-height: var(
221
+ --_ctm-mob-dn-mi-ct-tt-le-ht-dc,
222
+ var(--_ctm-tab-dn-mi-ct-tt-le-ht-dc, var(--_ctm-dn-mi-ct-tt-le-ht-dc))
223
+ );
224
+ }
225
+ }
226
+ }
227
+ // .icon {
228
+ // position: relative;
229
+ // cursor: pointer;
230
+ // display: flex;
231
+ // align-items: center;
232
+ // justify-content: center;
233
+
234
+ // svg {
235
+ // width: 100%;
236
+ // height: 100%;
237
+ // max-width: 20px;
238
+ // max-height: 20px;
239
+ // // width: var(--_ctm-dn-im-se-in-se, var(--_tst-dn-im-se-in-se));
240
+ // // height: var(--_ctm-dn-im-se-in-se, var(--_tst-dn-im-se-in-se));
241
+
242
+ // path {
243
+ // // stroke: var(--_ctm-dn-im-se-in-c1, var(--_tst-dn-im-se-in-c1));
244
+ // }
245
+ // }
246
+ // }
247
+
248
+ // .cart-count {
249
+ // position: absolute;
250
+ // top: 4px;
251
+ // right: 10px;
252
+ // background-color: #243dc6;
253
+ // color: white;
254
+ // font-size: 10px;
255
+ // font-weight: bold;
256
+ // min-width: 16px;
257
+ // height: 16px;
258
+ // border-radius: 30%;
259
+ // display: flex;
260
+ // align-items: center;
261
+ // justify-content: center;
262
+ // line-height: 1;
263
+ // padding: 2px;
264
+ // box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
265
+ // }
266
+
267
+ &[data-show-shadow="false"] {
268
+ --_show-shadow: none;
269
+ }
270
+ }
271
+ }