@sc-360-v2/storefront-cms-library 0.1.99 → 0.2.0

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 (46) hide show
  1. package/dist/brand-basic-elements.scss +214 -0
  2. package/dist/brand.scss +43 -0
  3. package/dist/builder.js +1 -1
  4. package/dist/bulk-variant-picker.scss +1 -1
  5. package/dist/bundle-basic-elements.scss +421 -0
  6. package/dist/bundle.scss +42 -0
  7. package/dist/button.scss +189 -47
  8. package/dist/category.scss +42 -0
  9. package/dist/categoryWidget.scss +29 -0
  10. package/dist/container.scss +24 -3
  11. package/dist/editor-core.scss +86 -13
  12. package/dist/faq.scss +301 -78
  13. package/dist/gallery-slider-temp.scss +520 -432
  14. package/dist/grid.scss +27 -10
  15. package/dist/hotspot.scss +6 -10
  16. package/dist/htmlElement.js +1 -1
  17. package/dist/icons.js +1 -1
  18. package/dist/image-temp.scss +18 -8
  19. package/dist/index.js +1 -1
  20. package/dist/map.scss +5 -12
  21. package/dist/product-basic-elements.scss +7 -3
  22. package/dist/product-highlights.scss +4 -9
  23. package/dist/product-image.scss +4 -1
  24. package/dist/productDetails.scss +2 -1
  25. package/dist/repeater-embla-controls.scss +202 -0
  26. package/dist/repeater-item.scss +3 -1
  27. package/dist/repeater.scss +106 -9
  28. package/dist/section.scss +39 -17
  29. package/dist/stack.scss +53 -11
  30. package/dist/sub-category.scss +43 -0
  31. package/dist/tabs.scss +135 -0
  32. package/dist/text-temp.scss +1 -1
  33. package/dist/types/builder/elements/brand-image/index.d.ts +30 -0
  34. package/dist/types/builder/elements/tab/index.d.ts +25 -8
  35. package/dist/types/builder/enums/index.d.ts +37 -3
  36. package/dist/types/builder/index.d.ts +2 -1
  37. package/dist/types/builder/interfaces/global.d.ts +11 -0
  38. package/dist/types/builder/tools/element-edit/brandImage.d.ts +27 -0
  39. package/dist/types/builder/tools/element-edit/filters.d.ts +46 -0
  40. package/dist/types/builder/tools/element-edit/imageHotspot.d.ts +1 -1
  41. package/dist/types/builder/tools/element-edit/index.d.ts +3 -1
  42. package/dist/types/builder/tools/element-edit/repeater.d.ts +22 -2
  43. package/dist/types/builder/tools/element-edit/tabs.d.ts +259 -36
  44. package/dist/types/global/types.d.ts +1 -0
  45. package/dist/variant-picker.scss +3 -2
  46. package/package.json +1 -1
package/dist/faq.scss CHANGED
@@ -10,16 +10,25 @@
10
10
  // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
11
11
  // width: 50%;
12
12
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
13
- width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
14
- margin: var(--_ctm-lt-mn, --_tst-lt-mn);
13
+ width: var(
14
+ --_sf-el-wh-st-mx,
15
+ calc(
16
+ 1% *
17
+ var(
18
+ --_ctm-mob-ele-nw-wh-vl,
19
+ var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
20
+ )
21
+ )
22
+ );
23
+ margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn, --_tst-lt-mn)));
15
24
  // height: clamp(var(--_ctm-lt-ht, 50px), 100px, auto) !important;
16
25
  // height: var(--_ctm-lt-ht);
17
26
  // height: ;
18
27
  // height: auto;
19
28
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
20
- --_aspect-ratio: calc(
21
- 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
22
- );
29
+ // --_aspect-ratio: calc(
30
+ // 1 * (var(--_ctm-lt-ht, var(--_tst-lt-ht)) / var(--_ctm-lt-wh, var(--_tst-lt-wh)))
31
+ // );
23
32
 
24
33
  // &[data-element-sub-child="true"] {
25
34
  // // width: max(var(--_sf-nw-wh, var(--_tst-lt-wh)));
@@ -35,29 +44,51 @@
35
44
  }
36
45
 
37
46
  .accordion-element {
38
- background-color: var(--_ctm-dn-fq-wt-bd-cr, var(--_tst-dn-fq-wt-bd-cr));
39
- padding: var(--_ctm-lt-pg, var(--_tst-lt-pg));
47
+ background-color: var(
48
+ --_ctm-mob-dn-fq-wt-bd-cr,
49
+ var(--_ctm-tab-dn-fq-wt-bd-cr, var(--_ctm-dn-fq-wt-bd-cr))
50
+ );
51
+ padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
40
52
  display: flex;
41
53
  flex-direction: column;
42
- --_sf-gp: var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px);
54
+ --_sf-gp: var(
55
+ --_ctm-mob-lt-im-sg,
56
+ var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px))
57
+ );
43
58
  --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
44
59
  row-gap: var(--_sf-gp);
45
60
  width: 100%;
46
61
  // height: 100%;
47
- border-color: var(--_ctm-dn-fq-wt-br-cr, var(--_tst-dn-fq-wt-br-cr));
48
- border-style: var(--_ctm-dn-fq-wt-br-se, var(--_tst-dn-fq-wt-br-se));
49
- border-width: var(--_ctm-dn-fq-wt-br-wh, var(--_tst-dn-fq-wt-br-wh));
50
- border-radius: var(--_ctm-dn-fq-wt-br-rs, var(--_tst-dn-fq-wt-br-rs));
62
+ border-color: var(
63
+ --_ctm-mob-dn-fq-wt-br-cr,
64
+ var(--_ctm-tab-dn-fq-wt-br-cr, var(--_ctm-dn-fq-wt-br-cr))
65
+ );
66
+ border-style: var(
67
+ --_ctm-mob-dn-fq-wt-br-se,
68
+ var(--_ctm-tab-dn-fq-wt-br-se, var(--_ctm-dn-fq-wt-br-se))
69
+ );
70
+ border-width: var(
71
+ --_ctm-mob-dn-fq-wt-br-wh,
72
+ var(--_ctm-tab-dn-fq-wt-br-wh, var(--_ctm-dn-fq-wt-br-wh))
73
+ );
74
+ border-radius: var(
75
+ --_ctm-mob-dn-fq-wt-br-rs,
76
+ var(--_ctm-tab-dn-fq-wt-br-rs, var(--_ctm-dn-fq-wt-br-rs))
77
+ );
51
78
  box-shadow: var(
52
79
  --_show-shadow,
53
- var(--_ctm-dn-fq-wt-sw-ae, var(--_tst-dn-fq-wt-sw-ae))
54
- var(--_ctm-dn-fq-wt-sw-br, var(--_tst-dn-fq-wt-sw-br))
55
- var(--_ctm-dn-fq-wt-sw-sd, var(--_tst-dn-fq-wt-sw-sd))
56
- var(--_ctm-dn-fq-wt-sw-cr, var(--_tst-dn-fq-wt-sw-cr))
80
+ var(--_ctm-mob-dn-fq-wt-sw-ae, var(--_ctm-tab-dn-fq-wt-sw-ae, var(--_ctm-dn-fq-wt-sw-ae)))
81
+ var(--_ctm-mob-dn-fq-wt-sw-br, var(--_ctm-tab-dn-fq-wt-sw-br, var(--_ctm-dn-fq-wt-sw-br)))
82
+ var(--_ctm-mob-dn-fq-wt-sw-sd, var(--_ctm-tab-dn-fq-wt-sw-sd, var(--_ctm-dn-fq-wt-sw-sd)))
83
+ var(--_ctm-mob-dn-fq-wt-sw-cr, var(--_ctm-tab-dn-fq-wt-sw-cr, var(--_ctm-dn-fq-wt-sw-cr)))
57
84
  );
58
85
 
59
86
  &[data-divider-show="true"] {
60
- --_sf-dvdr: var(--_ctm-dn-dr-dr-wh, 1px) var(--_ctm-dn-dr-br-se, solid)
87
+ --_sf-dvdr: var(
88
+ --_ctm-mob-dn-dr-dr-wh,
89
+ var(--_ctm-tab-dn-dr-dr-wh, var(--_ctm-dn-dr-dr-wh, 1px))
90
+ )
91
+ var(--_ctm-mob-dn-dr-br-se, var(--_ctm-tab-dn-dr-br-se, var(--_ctm-dn-dr-br-se, solid)))
61
92
  var(--_ctm-dn-dr-br-cr, var(--_tst-dn-dr-bd-cr));
62
93
  --_sf-dvdr-gap: var(--_sf-gp);
63
94
  }
@@ -68,6 +99,16 @@
68
99
  &[data-show-icon="false"] {
69
100
  --_sf-show-icon-ff: none;
70
101
  }
102
+ &[data-divider-show="true"] {
103
+ .accordion-item:not(:last-child) {
104
+ border-bottom: var(
105
+ --_ctm-mob-dn-dr-dr-wh,
106
+ var(--_ctm-tab-dn-dr-dr-wh, var(--_ctm-dn-dr-dr-wh))
107
+ )
108
+ var(--_ctm-mob-dn-dr-br-se, var(--_ctm-tab-dn-dr-br-se, var(--_ctm-dn-dr-br-se)))
109
+ var(--_ctm-mob-dn-dr-br-cr, var(--_ctm-tab-dn-dr-br-cr, var(--_ctm-dn-dr-br-cr)));
110
+ }
111
+ }
71
112
  }
72
113
 
73
114
  .accordion-item {
@@ -75,28 +116,62 @@
75
116
  display: grid;
76
117
  overflow: clip;
77
118
  // height: 30px;
78
- gap: var(--_ctm-lt-te-ad-dn-sg, var(--_tst-lt-te-ad-dc-sg));
119
+ gap: var(
120
+ --_ctm-mob-lt-te-ad-dn-sg,
121
+ var(--_ctm-tab-lt-te-ad-dn-sg, var(--_ctm-lt-te-ad-dn-sg))
122
+ );
79
123
 
80
124
  padding-block: var(--_ctm-lt-im-vl-pg, var(--_tst-lt-im-vl-pg));
81
125
 
82
126
  grid-template-rows: var(
83
127
  --_self-active-gtr,
84
- minmax(var(--_ctm-dn-cd-an-im-in-se, var(--_tst-dn-in-in-se, 50px)), auto) 0px
128
+ minmax(
129
+ var(
130
+ --_ctm-mob-dn-cd-an-im-in-se,
131
+ var(--_ctm-tab-dn-cd-an-im-in-se, var(--_ctm-dn-cd-an-im-in-se, 50px))
132
+ ),
133
+ auto
134
+ )
135
+ 0px
85
136
  );
86
137
  // transition: grid-template-rows 0.45s ease-in-out;
87
138
 
88
139
  --_sf-pd-cd: var(--_sf-dvdr-gap);
89
140
  // updated css
90
- border-color: var(--_ctm-dn-cd-an-im-br-cr, var(--_tst-dn-cd-an-im-br-cr));
91
- border-style: var(--_ctm-dn-cd-an-im-br-se, var(--_tst-dn-cd-an-im-br-se));
92
- border-width: var(--_ctm-dn-cd-an-im-br-wh, var(--_tst-dn-cd-an-im-br-wh));
93
- border-radius: var(--_ctm-dn-cd-an-im-br-rs, var(--_tst-dn-cd-an-im-br-rs));
141
+ border-color: var(
142
+ --_ctm-mob-dn-cd-an-im-br-cr,
143
+ var(--_ctm-tab-dn-cd-an-im-br-cr, var(--_ctm-dn-cd-an-im-br-cr))
144
+ );
145
+ border-style: var(
146
+ --_ctm-mob-dn-cd-an-im-br-se,
147
+ var(--_ctm-tab-dn-cd-an-im-br-se, var(--_ctm-dn-cd-an-im-br-se))
148
+ );
149
+ border-width: var(
150
+ --_ctm-mob-dn-cd-an-im-br-wh,
151
+ var(--_ctm-tab-dn-cd-an-im-br-wh, var(--_ctm-dn-cd-an-im-br-wh))
152
+ );
153
+ border-radius: var(
154
+ --_ctm-mob-dn-cd-an-im-br-rs,
155
+ var(--_ctm-tab-dn-cd-an-im-br-rs, var(--_ctm-dn-cd-an-im-br-rs))
156
+ );
94
157
  box-shadow: var(
95
158
  --_show-shadow,
96
- var(--_ctm-dn-cd-an-im-sw-ae, var(--_tst-dn-cd-an-im-sw-ae))
97
- var(--_ctm-dn-cd-an-im-sw-br, var(--_tst-dn-cd-an-im-sw-br))
98
- var(--_ctm-dn-cd-an-im-sw-sd, var(--_tst-dn-cd-an-im-sw-sd))
99
- var(--_ctm-dn-cd-an-im-sw-cr, var(--_tst-dn-cd-an-im-sw-cr))
159
+ var(
160
+ --_ctm-mob-dn-cd-an-im-sw-ae,
161
+ var(--_ctm-tab-dn-cd-an-im-sw-ae, var(--_ctm-dn-cd-an-im-sw-ae))
162
+ )
163
+ var(
164
+ --_ctm-mob-dn-cd-an-im-sw-br,
165
+ var(--_ctm-tab-dn-cd-an-im-sw-br, var(--_ctm-dn-cd-an-im-sw-br))
166
+ )
167
+ var(
168
+ --_ctm-mob-dn-cd-an-im-sw-sd,
169
+ var(--_ctm-tab-dn-cd-an-im-sw-sd, var(--_ctm-dn-cd-an-im-sw-sd))
170
+ )
171
+ var(
172
+ --_ctm-mob-dn-cd-an-im-sw-sd,
173
+ var(--_ctm-tab-dn-cd-an-im-sw-sd, var(--_ctm-dn-cd-an-im-sw-sd))
174
+ )
100
175
  );
101
176
 
102
177
  // &:not(:last-of-type) {
@@ -118,32 +193,78 @@
118
193
  justify-content: var(--_sf-jc, space-between);
119
194
  cursor: pointer;
120
195
  padding-block-end: var(--_sf-dc-pd, var(--_sf-pd-cd));
121
- background-color: var(--_ctm-dn-cd-an-im-bd-cr, var(--_tst-dn-cd-an-im-bd-cr));
122
- padding-inline: var(--_ctm-lt-im-hl-pg, var(--_tst-lt-im-hl-pg));
196
+ background-color: var(
197
+ --_ctm-mob-dn-cd-an-im-bd-cr,
198
+ var(--_ctm-tab-dn-cd-an-im-bd-cr, var(--_ctm-dn-cd-an-im-bd-cr))
199
+ );
200
+ padding-inline: var(
201
+ --_ctm-mob-lt-im-hl-pg,
202
+ var(--_ctm-tab-lt-im-hl-pg, var(--_ctm-lt-im-hl-pg))
203
+ );
123
204
 
124
205
  p {
125
206
  // padding-inline: var(--_sf-cd-gp);
126
- color: var(--_ctm-dn-cd-an-im-cr, var(--_tst-dn-cd-an-im-cr));
127
- font-family: var(--_ctm-dn-cd-an-im-ft-fy, var(--_tst-dn-cd-an-im-ft-fy)), sans-serif;
128
- font-size: var(--_ctm-dn-cd-an-im-ft-se, var(--_tst-dn-cd-an-im-ft-se));
129
- font-weight: var(--_ctm-dn-cd-an-im-ft-wt, var(--_tst-dn-cd-an-im-ft-wt));
130
- font-style: var(--_ctm-dn-cd-an-im-ft-se-ic, var(--_tst-dn-cd-an-im-ft-se-ic));
131
- text-align: var(--_ctm-dn-cd-an-im-tt-an, var(--_tst-dn-cd-an-im-tt-an));
132
- letter-spacing: var(--_ctm-dn-cd-an-im-lr-sg, var(--_tst-dn-cd-an-im-lr-sg));
133
- line-height: var(--_ctm-dn-cd-an-im-le-ht, var(--_tst-dn-cd-an-im-le-ht));
134
- text-decoration: var(--_ctm-dn-cd-an-im-ue);
207
+ color: var(
208
+ --_ctm-mob-dn-cd-an-im-cr,
209
+ var(--_ctm-tab-dn-cd-an-im-cr, var(--_ctm-dn-cd-an-im-cr))
210
+ );
211
+ font-family: var(
212
+ --_ctm-mob-dn-cd-an-im-ft-fy,
213
+ var(--_ctm-tab-dn-cd-an-im-ft-fy, var(--_ctm-dn-cd-an-im-ft-fy))
214
+ ),
215
+ sans-serif;
216
+ font-size: var(
217
+ --_ctm-mob-dn-cd-an-im-ft-se,
218
+ var(--_ctm-tab-dn-cd-an-im-ft-se, var(--_ctm-dn-cd-an-im-ft-se))
219
+ );
220
+ font-weight: var(
221
+ --_ctm-mob-dn-cd-an-im-ft-wt,
222
+ var(--_ctm-tab-dn-cd-an-im-ft-wt, var(--_ctm-dn-cd-an-im-ft-wt))
223
+ );
224
+ font-style: var(
225
+ --_ctm-mob-dn-cd-an-im-ft-se-ic,
226
+ var(--_ctm-tab-dn-cd-an-im-ft-se-ic, var(--_ctm-dn-cd-an-im-ft-se-ic))
227
+ );
228
+ text-align: var(
229
+ --_ctm-mob-dn-cd-an-im-tt-an,
230
+ var(--_ctm-tab-dn-cd-an-im-tt-an, var(--_ctm-dn-cd-an-im-tt-an))
231
+ );
232
+ letter-spacing: var(
233
+ --_ctm-mob-dn-cd-an-im-lr-sg,
234
+ var(--_ctm-tab-dn-cd-an-im-lr-sg, var(--_ctm-dn-cd-an-im-lr-sg))
235
+ );
236
+ line-height: var(
237
+ --_ctm-mob-dn-cd-an-im-le-ht,
238
+ var(--_ctm-tab-dn-cd-an-im-le-ht, var(--_ctm-dn-cd-an-im-le-ht))
239
+ );
240
+ text-decoration: var(
241
+ --_ctm-mob-dn-cd-an-im-ue,
242
+ var(--_ctm-tab-dn-cd-an-im-ue, var(--_ctm-dn-cd-an-im-ue))
243
+ );
135
244
  }
136
245
  .icon {
137
246
  display: var(--_sf-show-icon-ff, flex);
138
247
  svg {
139
- width: var(--_ctm-dn-cd-an-im-in-se, var(--_tst-dn-cd-an-im-in-se));
140
- height: var(--_ctm-dn-cd-an-im-in-se, var(--_tst-dn-cd-an-im-in-se));
248
+ width: var(
249
+ --_ctm-mab-dn-cd-an-im-in-se,
250
+ var(--_ctm-tab-dn-cd-an-im-in-se, var(--_ctm-dn-cd-an-im-in-se))
251
+ );
252
+ height: var(
253
+ --_ctm-mob-dn-cd-an-im-in-se,
254
+ var(--_ctm-tab-dn-cd-an-im-in-se, var(--_ctm-dn-cd-an-im-in-se))
255
+ );
141
256
  path {
142
- stroke: var(--_ctm-dn-cd-an-im-in-c1, var(--_tst-dn-cd-an-im-in-c1));
257
+ stroke: var(
258
+ --_ctm-mob-dn-cd-an-im-in-c1,
259
+ var(--_ctm-tab-dn-cd-an-im-in-c1, var(--_ctm-dn-cd-an-im-in-c1))
260
+ );
143
261
  }
144
262
  }
145
263
  }
146
264
  }
265
+ .accordion-description {
266
+ display: none;
267
+ }
147
268
  // .accordion-description {
148
269
  // // margin-block-start: calc(-1 * var(--_sf-dc-mb));
149
270
  // padding-block-end: var(--_sf-dc-pd-bt);
@@ -164,7 +285,13 @@
164
285
  // overflow: inherit;
165
286
  // height: auto;
166
287
 
167
- --_self-active-gtr: minmax(var(--_ctm-dn-cd-an-im-in-se, var(--_tst-dn-in-in-se)), auto)
288
+ --_self-active-gtr: minmax(
289
+ var(
290
+ --_ctm-mob-dn-cd-an-im-in-se,
291
+ var(--_ctm-tab-dn-cd-an-im-in-se, var(--_ctm-dn-cd-an-im-in-se))
292
+ ),
293
+ auto
294
+ )
168
295
  minmax(50px, auto);
169
296
 
170
297
  --_sf-dc-pd: var(--_sf-dvdr-gap, var(--_sf-cd-gp));
@@ -172,16 +299,40 @@
172
299
  --_sf-tt-pd: 0px;
173
300
  --_sf-dc-pd-bt: var(--_sf-dvdr-gap, 0px);
174
301
 
175
- border-color: var(--_ctm-dn-ed-an-im-br-cr, var(--_tst-dn-ed-an-im-br-cr));
176
- border-style: var(--_ctm-dn-ed-an-im-br-se, var(--_tst-dn-ed-an-im-br-se));
177
- border-width: var(--_ctm-dn-ed-an-im-br-wh, var(--_tst-dn-ed-an-im-br-wh));
178
- border-radius: var(--_ctm-dn-ed-an-im-br-rs, var(--_tst-dn-ed-an-im-br-rs));
302
+ border-color: var(
303
+ --_ctm-mob-dn-ed-an-im-br-cr,
304
+ var(--_ctm-tab-dn-ed-an-im-br-cr, var(--_ctm-dn-ed-an-im-br-cr))
305
+ );
306
+ border-style: var(
307
+ --_ctm-mob-dn-ed-an-im-br-se,
308
+ var(--_ctm-tab-dn-ed-an-im-br-se, var(--_ctm-dn-ed-an-im-br-se))
309
+ );
310
+ border-width: var(
311
+ --_ctm-mob-dn-ed-an-im-br-wh,
312
+ var(--_ctm-tab-dn-ed-an-im-br-wh, var(--_ctm-dn-ed-an-im-br-wh))
313
+ );
314
+ border-radius: var(
315
+ --_ctm-mob-dn-ed-an-im-br-rs,
316
+ var(--_ctm-tab-dn-ed-an-im-br-rs, var(--_ctm-dn-ed-an-im-br-rs))
317
+ );
179
318
  box-shadow: var(
180
319
  --_show-shadow,
181
- var(--_ctm-dn-ed-an-im-sw-ae, var(--_tst-dn-ed-an-im-sw-ae))
182
- var(--_ctm-dn-ed-an-im-sw-br, var(--_tst-dn-ed-an-im-sw-br))
183
- var(--_ctm-dn-ed-an-im-sw-sd, var(--_tst-dn-ed-an-im-sw-sd))
184
- var(--_ctm-dn-ed-an-im-sw-cr, var(--_tst-dn-ed-an-im-sw-cr))
320
+ var(
321
+ --_ctm-mob-dn-ed-an-im-sw-ae,
322
+ var(--_ctm-tab-dn-ed-an-im-sw-ae, var(--_ctm-dn-ed-an-im-sw-ae))
323
+ )
324
+ var(
325
+ --_ctm-mob-dn-ed-an-im-sw-br,
326
+ var(--_ctm-tab-dn-ed-an-im-sw-br, var(--_ctm-dn-ed-an-im-sw-br))
327
+ )
328
+ var(
329
+ --_ctm-mob-dn-ed-an-im-sw-sd,
330
+ var(--_ctm-tab-dn-ed-an-im-sw-sd, var(--_ctm-dn-ed-an-im-sw-sd))
331
+ )
332
+ var(
333
+ --_ctm-mob-dn-ed-an-im-sw-cr,
334
+ var(--_ctm-tab-dn-ed-an-im-sw-cr, var(--_ctm-dn-ed-an-im-sw-cr))
335
+ )
185
336
  );
186
337
  .accordion-title {
187
338
  display: flex;
@@ -192,53 +343,125 @@
192
343
  justify-content: var(--_sf-jc, space-between);
193
344
  cursor: pointer;
194
345
  padding-block-end: var(--_sf-dc-pd, var(--_sf-pd-cd));
195
- background-color: var(--_ctm-dn-ed-an-im-bd-cr, var(--_tst-dn-ed-an-im-bd-cr));
346
+ background-color: var(
347
+ --_ctm-mob-dn-ed-an-im-bd-cr,
348
+ var(--_ctm-tab-dn-ed-an-im-bd-cr, var(--_ctm-dn-ed-an-im-bd-cr))
349
+ );
196
350
 
197
351
  p {
198
352
  // padding-inline: var(--_sf-cd-gp);
199
- color: var(--_ctm-dn-ed-an-im-cr, var(--_tst-dn-ed-an-im-cr));
200
- font-family: var(--_ctm-dn-ed-an-im-ft-fy, var(--_tst-dn-ed-an-im-ft-fy)), sans-serif;
201
- font-size: var(--_ctm-dn-ed-an-im-ft-se, var(--_tst-dn-ed-an-im-ft-se));
202
- font-weight: var(--_ctm-dn-ed-an-im-ft-wt, var(--_tst-dn-ed-an-im-ft-wt));
203
- font-style: var(--_ctm-dn-ed-an-im-ft-se-ic, var(--_tst-dn-ed-an-im-ft-se-ic));
204
- text-align: var(--_ctm-dn-ed-an-im-tt-an, var(--_tst-dn-ed-an-im-tt-an));
205
- letter-spacing: var(--_ctm-dn-ed-an-im-lr-sg, var(--_tst-dn-ed-an-im-lr-sg));
206
- line-height: var(--_ctm-dn-ed-an-im-le-ht, var(--_tst-dn-ed-an-im-le-ht));
353
+ color: var(
354
+ --_ctm-mob-dn-ed-an-im-cr,
355
+ var(--_ctm-tab-dn-ed-an-im-cr, var(--_ctm-dn-ed-an-im-cr))
356
+ );
357
+ font-family: var(
358
+ --_ctm-mob-dn-ed-an-im-ft-fy,
359
+ var(--_ctm-tab-dn-ed-an-im-ft-fy, var(--_ctm-dn-ed-an-im-ft-fy))
360
+ ),
361
+ sans-serif;
362
+ font-size: var(
363
+ --_ctm-mob-dn-ed-an-im-ft-se,
364
+ var(--_ctm-tab-dn-ed-an-im-ft-se, var(--_ctm-dn-ed-an-im-ft-se))
365
+ );
366
+ font-weight: var(
367
+ --_ctm-mob-dn-ed-an-im-ft-wt,
368
+ var(--_ctm-tab-dn-ed-an-im-ft-wt, var(--_ctm-dn-ed-an-im-ft-wt))
369
+ );
370
+ font-style: var(
371
+ --_ctm-mob-dn-ed-an-im-ft-se-ic,
372
+ var(--_tst-tab-dn-ed-an-im-ft-se-ic, var(--_tst-dn-ed-an-im-ft-se-ic))
373
+ );
374
+ text-align: var(
375
+ --_ctm-mob-dn-ed-an-im-tt-an,
376
+ var(--_ctm-tab-dn-ed-an-im-tt-anvvar(--_ctm-dn-ed-an-im-tt-an))
377
+ );
378
+ letter-spacing: var(
379
+ --_ctm-mob-dn-ed-an-im-lr-sg,
380
+ var(--_ctm-tab-dn-ed-an-im-lr-sg, var(--_ctm-dn-ed-an-im-lr-sg))
381
+ );
382
+ line-height: var(
383
+ --_ctm-mob-dn-ed-an-im-le-ht,
384
+ var(--_ctm-tab-dn-ed-an-im-le-ht, var(--_ctm-dn-ed-an-im-le-ht))
385
+ );
386
+ // text-decoration: var(
387
+ // --_ctm-dn-ed-an-im-lh,
388
+ // var(--_ctm-dn-ed-an-im-ue),
389
+ // var(--_tst-dn-cd-an-im-lh)
390
+ // );
207
391
  text-decoration: var(
208
- --_ctm-dn-ed-an-im-lh,
209
- var(--_ctm-dn-ed-an-im-ue),
210
- var(--_tst-dn-cd-an-im-lh)
392
+ --_ctm-mob-dn-ed-an-im-ue,
393
+ var(--_ctm-tab-dn-ed-an-im-ue, var(--_ctm-dn-ed-an-im-ue))
211
394
  );
212
395
  }
213
396
  .icon {
214
397
  display: var(--_sf-show-icon-ff, flex);
215
398
  svg {
216
- width: var(--_ctm-dn-ed-an-im-in-se, var(--_tst-dn-ed-an-im-in-se));
217
- height: var(--_ctm-dn-ed-an-im-in-se, var(--_tst-dn-ed-an-im-in-se));
399
+ width: var(
400
+ --_ctm-mob-dn-ed-an-im-in-se,
401
+ var(--_ctm-tab-dn-ed-an-im-in-se, var(--_ctm-dn-ed-an-im-in-se))
402
+ );
403
+ height: var(
404
+ --_ctm-mob-dn-ed-an-im-in-se,
405
+ var(--_ctm-tab-dn-ed-an-im-in-se, var(--_ctm-dn-ed-an-im-in-se))
406
+ );
218
407
  path {
219
- stroke: var(--_ctm-dn-ed-an-im-in-c1, var(--_tst-dn-ed-an-im-in-c1));
408
+ stroke: var(
409
+ --_ctm-mob-dn-ed-an-im-in-c1,
410
+ var(--_ctm-tab-dn-ed-an-im-in-c1, var(--_ctm-dn-ed-an-im-in-c1))
411
+ );
220
412
  }
221
413
  }
222
414
  }
223
415
  }
224
416
  .accordion-description {
417
+ display: block;
225
418
  padding-block-end: var(--_sf-dc-pd-bt);
226
- background-color: var(--_ctm-dn-ed-an-im-bd-cr-dc, var(--_tst-dn-cd-an-im-bd-cr-dc));
227
- padding-inline: var(--_ctm-lt-im-hl-pg, var(--_tst-lt-im-hl-pg));
419
+ background-color: var(
420
+ --_ctm-mob-dn-ed-an-im-bd-cr-dc,
421
+ var(--_ctm-tab-dn-ed-an-im-bd-cr-dc, var(--_ctm-dn-ed-an-im-bd-cr-dc))
422
+ );
423
+ padding-inline: var(
424
+ --_ctm-mob-lt-im-hl-pg,
425
+ var(--_ctm-tab-lt-im-hl-pg, var(--_ctm-lt-im-hl-pg))
426
+ );
228
427
 
229
428
  p {
230
- color: var(--_ctm-dn-ed-an-im-cr-dc, var(--_tst-dn-ed-an-im-cr));
231
- font-family: var(--_ctm-dn-ed-an-im-ft-fy-dc, var(--_tst-dn-ed-an-im-ft-fy)), sans-serif;
232
- font-size: var(--_ctm-dn-ed-an-im-ft-se-dc, var(--_tst-dn-ed-an-im-ft-se));
233
- font-weight: var(--_ctm-dn-ed-an-im-ft-wt-dc, var(--_tst-dn-ed-an-im-ft-wt));
234
- font-style: var(--_ctm-dn-ed-an-im-ft-se-ic-dc, var(--_tst-dn-ed-an-im-ft-se-ic));
235
- text-align: var(--_ctm-dn-ed-an-im-tt-an-dc, var(--_tst-dn-ed-an-im-tt-an));
236
- letter-spacing: var(--_ctm-dn-ed-an-im-lr-sg-dc, var(--_tst-dn-ed-an-im-lr-sg));
237
- line-height: var(--_ctm-dn-ed-an-im-le-ht-dc, var(--_tst-dn-ed-an-im-le-ht));
429
+ color: var(
430
+ --_ctm-mob-dn-ed-an-im-cr-dc,
431
+ var(--_ctm-tab-dn-ed-an-im-cr-dc, var(--_ctm-dn-ed-an-im-cr-dc))
432
+ );
433
+ font-family: var(
434
+ --_ctm-mob-dn-ed-an-im-ft-fy-dc,
435
+ var(--_ctm-tab-dn-ed-an-im-ft-fy-dc, var(--_ctm-dn-ed-an-im-ft-fy-dc))
436
+ ),
437
+ sans-serif;
438
+ font-size: var(
439
+ --_ctm-mob-dn-ed-an-im-ft-se-dc,
440
+ var(--_ctm-tab-dn-ed-an-im-ft-se-dc, var(--_ctm-dn-ed-an-im-ft-se-dc))
441
+ );
442
+ font-weight: var(
443
+ --_ctm-mob-dn-ed-an-im-ft-wt-dc,
444
+ var(--_ctm-tab-dn-ed-an-im-ft-wt-dc, var(--_ctm-dn-ed-an-im-ft-wt-dc))
445
+ );
446
+ font-style: var(
447
+ --_ctm-mob-dn-ed-an-im-ft-se-ic-dc,
448
+ var(--_ctm-tab-dn-ed-an-im-ft-se-ic-dc, var(--_ctm-dn-ed-an-im-ft-se-ic-dc))
449
+ );
450
+ text-align: var(
451
+ --_ctm-mob-dn-ed-an-im-tt-an-dc,
452
+ var(--_ctm-tab-dn-ed-an-im-tt-an-dc, var(--_ctm-dn-ed-an-im-tt-an-dc))
453
+ );
454
+ letter-spacing: var(
455
+ --_ctm-mob-dn-ed-an-im-lr-sg-dc,
456
+ var(--_ctm-tab-dn-ed-an-im-lr-sg-dc, var(--_ctm-dn-ed-an-im-lr-sg-dc))
457
+ );
458
+ line-height: var(
459
+ --_ctm-mob-dn-ed-an-im-le-ht-dc,
460
+ var(--_ctm-tab-dn-ed-an-im-le-ht-dc, var(--_ctm-dn-ed-an-im-le-ht-dc))
461
+ );
238
462
  text-decoration: var(
239
- --_ctm-dn-ed-an-im-lh-dc,
240
- var(--_ctm-dn-ed-an-im-ue-dc),
241
- var(--_tst-dn-cd-an-im-lh-dc)
463
+ --_ctm-mob-dn-ed-an-im-ue-dc,
464
+ var(--_ctm-tab-dn-ed-an-im-ue-dc, var(--_ctm-dn-ed-an-im-ue-dc))
242
465
  );
243
466
  }
244
467
  }