@sc-360-v2/storefront-cms-library 0.2.79 → 0.2.81

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 (36) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/buy-for-tab-container.scss +89 -0
  3. package/dist/buy-for-tab.scss +579 -0
  4. package/dist/buy-for-tabs-container-item.scss +80 -0
  5. package/dist/buyForHeaders.scss +203 -0
  6. package/dist/{buyFor.scss → buyForPopup.scss} +86 -22
  7. package/dist/cart-details.scss +1 -1
  8. package/dist/cart-products-sidebar.scss +201 -0
  9. package/dist/cartDropdownOverlay.scss +34 -27
  10. package/dist/checkout.scss +173 -0
  11. package/dist/layouter.scss +9 -2
  12. package/dist/light-box-v2.scss +4 -0
  13. package/dist/quick-links.scss +249 -194
  14. package/dist/repeater-embla-controls.scss +71 -96
  15. package/dist/repeater.scss +8 -2
  16. package/dist/search.scss +30 -0
  17. package/dist/types/builder/elements/add-order/index.d.ts +1 -1
  18. package/dist/types/builder/elements/buy-for-tab/index.d.ts +46 -0
  19. package/dist/types/builder/elements/buy-for-tab-container/index.d.ts +45 -0
  20. package/dist/types/builder/elements/checkout/index.d.ts +27 -0
  21. package/dist/types/builder/elements/section/index.d.ts +3 -0
  22. package/dist/types/builder/elements/toaster/index.d.ts +30 -0
  23. package/dist/types/builder/enums/index.d.ts +18 -1
  24. package/dist/types/builder/index.d.ts +5 -1
  25. package/dist/types/builder/tools/element-edit/bundle.d.ts +15 -0
  26. package/dist/types/builder/tools/element-edit/buyForTabContainer.d.ts +9 -0
  27. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +215 -0
  28. package/dist/types/builder/tools/element-edit/checkout.d.ts +343 -0
  29. package/dist/types/builder/tools/element-edit/index.d.ts +5 -1
  30. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +98 -123
  31. package/dist/types/builder/tools/element-edit/section.d.ts +2 -1
  32. package/dist/types/builder/tools/element-edit/storeLocations.d.ts +2 -1
  33. package/dist/types/builder/tools/element-edit/toaster.d.ts +38 -0
  34. package/dist/uom-selector.scss +3 -3
  35. package/dist/widget.scss +7 -2
  36. package/package.json +1 -1
package/dist/quick-links.scss CHANGED
@@ -1,6 +1,3 @@
1
- @use "sass:map";
2
- @use "sass:list";
3
-
4
1
  [data-div-type="element"] {
5
2
  &[data-element-type="quickLinks"] {
6
3
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
@@ -14,11 +11,8 @@
14
11
  )
15
12
  )
16
13
  );
17
-
18
14
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
19
-
20
- aspect-ratio: 1 / var(--_sf-aspect-ratio);
21
-
15
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
22
16
  --_aspect-ratio: calc(
23
17
  1 *
24
18
  (
@@ -28,249 +22,310 @@
28
22
  );
29
23
 
30
24
  & > .wrapper {
31
- width: 100%;
32
- height: 100%;
33
- // background-color: var(--_ctm-dn-fl-ad-bd-bd-cr, var(--_tst-dn-fl-ad-bd-bd-cr));
34
- // gap: var(--_ctm-lt-im-sg, var(--_tst-lt-im-sg));
35
- // justify-content: var(--_justify-center);
36
- // align-items: var(--_align-center);
25
+ // width: 100%;
26
+ // height: 100%;
27
+ position: relative;
37
28
  }
38
29
 
39
- &[data-social-alignment="horizontal"] {
40
- .social__container {
41
- flex-direction: row;
30
+ &[data-text-position="top"] {
31
+ .quick__links__container {
32
+ flex-direction: column;
42
33
  }
43
34
  }
44
-
45
- &[data-social-alignment="vertical"] {
46
- .social__container {
47
- flex-direction: column;
35
+ &[data-text-position="bottom"] {
36
+ .quick__links__container {
37
+ flex-direction: column-reverse;
48
38
  }
49
39
  }
50
- &[data-icon-style="Icon"] {
51
- .social__container {
52
- align-items: center;
40
+ &[data-text-position="left"] {
41
+ .quick__links__container {
42
+ flex-direction: row;
53
43
  }
54
- &[data-item-alignment="left"] {
55
- .social__container {
56
- justify-content: flex-start;
57
- align-items: center;
44
+ &[data-widget-alignment="top"] {
45
+ .quick__links__container {
46
+ align-items: flex-start;
58
47
  }
59
48
  }
60
- &[data-item-alignment="center"] {
61
- .social__container {
62
- justify-content: center;
49
+ &[data-widget-alignment="center"] {
50
+ .quick__links__container {
63
51
  align-items: center;
64
52
  }
65
53
  }
66
- &[data-item-alignment="right"] {
67
- .social__container {
68
- justify-content: flex-end;
69
- align-items: center;
54
+ &[data-widget-alignment="bottom"] {
55
+ .quick__links__container {
56
+ align-items: flex-end;
70
57
  }
71
58
  }
72
59
  }
73
- &[data-icon-position="left"] {
74
- .social__item {
75
- flex-direction: row;
76
- }
77
- }
78
- &[data-icon-position="right"] {
79
- .social__item {
60
+ &[data-text-position="right"] {
61
+ .quick__links__container {
80
62
  flex-direction: row-reverse;
81
63
  }
82
- }
83
- &[data-icon-position="top"] {
84
- .social__item {
85
- flex-direction: column;
86
- }
87
- }
88
- &[data-icon-position="bottom"] {
89
- .social__item {
90
- flex-direction: column-reverse;
91
- }
92
- }
93
- &[data-item-alignment="left"] {
94
- .social__item {
95
- align-items: flex-start;
64
+ &[data-widget-alignment="top"] {
65
+ .quick__links__container {
66
+ align-items: flex-start;
67
+ }
96
68
  }
97
- }
98
- &[data-item-alignment="center"] {
99
- .social__item {
100
- align-items: center;
69
+ &[data-widget-alignment="center"] {
70
+ .quick__links__container {
71
+ align-items: center;
72
+ }
101
73
  }
102
- }
103
- &[data-item-alignment="right"] {
104
- .social__item {
105
- align-items: flex-end;
74
+ &[data-widget-alignment="bottom"] {
75
+ .quick__links__container {
76
+ align-items: flex-end;
77
+ }
106
78
  }
107
79
  }
108
80
 
109
81
  &[data-widget-border="true"] {
110
- .social__container {
82
+ .quick__links__container {
111
83
  border-color: var(
112
- --_ctm-mob-dn-sl-wt-br-cr,
113
- var(--_ctm-tab-dn-sl-wt-br-cr, var(--_ctm-dn-sl-wt-br-cr))
84
+ --_ctm-mob-dn-qk-ls-wt-dn-br-cr,
85
+ var(--_ctm-tab-dn-qk-ls-wt-dn-br-cr, var(--_ctm-dn-qk-ls-wt-dn-br-cr))
114
86
  );
115
87
  border-style: var(
116
- --_ctm-mob-dn-sl-wt-br-se,
117
- var(--_ctm-tab-dn-sl-wt-br-se, var(--_ctm-dn-sl-wt-br-se))
88
+ --_ctm-mob-dn-qk-ls-wt-dn-br-se,
89
+ var(--_ctm-tab-dn-qk-ls-wt-dn-br-se, var(--_ctm-dn-qk-ls-wt-dn-br-se))
118
90
  );
119
91
  border-width: var(
120
- --_ctm-mob-dn-sl-wt-br-wh,
121
- var(--_ctm-tab-dn-sl-wt-br-wh, var(--_ctm-dn-sl-wt-br-wh))
92
+ --_ctm-mob-dn-qk-ls-wt-dn-br-wh,
93
+ var(--_ctm-tab-dn-qk-ls-wt-dn-br-wh, var(--_ctm-dn-qk-ls-wt-dn-br-wh))
122
94
  );
123
95
  }
124
96
  }
125
- &[data-item-show-icon-color="true"] {
126
- .social__container {
127
- & svg {
128
- path {
129
- stroke: var(--_ctm-dn-im-se-in-c1, var(--_tst-dn-im-se-in-c1));
130
- }
131
- }
132
- }
133
- }
134
- &[data-widget-shadow="true"] {
135
- .social__container {
136
- box-shadow: var(
137
- --_show-shadow,
138
- var(--_ctm-mob-dn-sl-wt-sw-ae, var(--_ctm-tab-dn-sl-wt-sw-ae, var(--_ctm-dn-sl-wt-sw-ae)))
139
- var(
140
- --_ctm-mob-dn-sl-wt-sw-br,
141
- var(--_ctm-tab-dn-sl-wt-sw-br, var(--_ctm-dn-sl-wt-sw-br))
142
- )
143
- var(
144
- --_ctm-mob-dn-sl-wt-sw-sd,
145
- var(--_ctm-tab-dn-sl-wt-sw-sd, var(--_ctm-dn-sl-wt-sw-sd))
146
- )
147
- var(
148
- --_ctm-mob-dn-sl-wt-sw-cr,
149
- var(--_ctm-tab-dn-sl-wt-sw-cr, var(--_ctm-dn-sl-wt-sw-cr))
150
- )
151
- );
152
- }
97
+
98
+ &[data-widget-shadow="false"] {
99
+ --_show-shadow: none;
153
100
  }
154
- &[data-item-border="true"] {
155
- .social__item {
101
+
102
+ &[data-content-border="true"] {
103
+ .header__container {
156
104
  border-color: var(
157
- --_ctm-mob-dn-im-se-br-cr,
158
- var(--_ctm-tab-dn-im-se-br-cr, var(--_ctm-dn-im-se-br-cr))
105
+ --_ctm-mob-dn-qk-ls-tt-cr-dn-br-cr,
106
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-br-cr))
159
107
  );
108
+
160
109
  border-style: var(
161
- --_ctm-mob-dn-im-se-br-se,
162
- var(--_ctm-tab-dn-im-se-br-se, var(--_ctm-dn-im-se-br-se))
110
+ --_ctm-mob-dn-qk-ls-tt-cr-dn-br-se,
111
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-se, var(--_ctm-dn-qk-ls-tt-cr-dn-br-se))
163
112
  );
113
+
164
114
  border-width: var(
165
- --_ctm-mob-dn-im-se-br-wh,
166
- var(--_ctm-tab-dn-im-se-br-wh, var(--_ctm-dn-im-se-br-wh))
115
+ --_ctm-mob-dn-qk-ls-tt-cr-dn-br-wh,
116
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-wh, var(--_ctm-dn-qk-ls-tt-cr-dn-br-wh))
167
117
  );
168
118
  }
169
119
  }
170
- &[data-item-shadow="true"] {
171
- .social__item {
172
- box-shadow: var(
173
- --_show-shadow,
174
- var(--_ctm-mob-dn-im-se-sw-ae, var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae)))
175
- var(
176
- --_ctm-mob-dn-im-se-sw-br,
177
- var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
178
- )
179
- var(
180
- --_ctm-mob-dn-im-se-sw-sd,
181
- var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
182
- )
183
- var(
184
- --_ctm-mob-dn-im-se-sw-cr,
185
- var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
186
- )
187
- );
120
+
121
+ &[data-content-shadow="false"] {
122
+ --_show-text-content-shadow: none;
123
+ }
124
+ &[data-icon-background-shape="circle"] {
125
+ .video__icon {
126
+ border-radius: 50%;
188
127
  }
189
128
  }
190
- .social__container {
191
- display: flex;
129
+ &[data-icon-background-shape="rectange"] {
130
+ .video__icon {
131
+ border-radius: 6px;
132
+ }
133
+ }
134
+
135
+ .quick__links__container {
136
+ gap: var(
137
+ --_ctm-mob-dn-qk-ls-wt-lt-wt-tt-ad-im-sg,
138
+ var(--_ctm-tab-dn-qk-ls-wt-lt-wt-tt-ad-im-sg, var(--_ctm-dn-qk-ls-wt-lt-wt-tt-ad-im-sg))
139
+ );
192
140
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
193
- width: 100%;
194
- height: 100%;
195
- gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
196
141
  background-color: var(
197
- --_ctm-mob-dn-sl-wt-bd-cr,
198
- var(--_ctm-tab-dn-sl-wt-bd-cr, var(--_ctm-dn-sl-wt-bd-cr))
142
+ --_ctm-mob-dn-qk-ls-wt-dn-bd-cr,
143
+ var(--_ctm-tab-dn-qk-ls-wt-dn-bd-cr, var(--_ctm-dn-qk-ls-wt-dn-bd-cr))
144
+ );
145
+ flex-direction: var(--_sf-fd-bn);
146
+ justify-content: var(--_sf-jc, center);
147
+ box-shadow: var(
148
+ --_show-shadow,
149
+ var(
150
+ --_ctm-mob-dn-qk-ls-wt-dn-sw-ae,
151
+ var(--_ctm-tab-dn-qk-ls-wt-dn-sw-ae, var(--_ctm-dn-qk-ls-wt-dn-sw-ae))
152
+ )
153
+ var(
154
+ --_ctm-mob-dn-qk-ls-wt-dn-sw-br,
155
+ var(--_ctm-tab-dn-qk-ls-wt-dn-sw-br, var(--_ctm-dn-qk-ls-wt-dn-sw-br))
156
+ )
157
+ var(
158
+ --_ctm-mob-dn-qk-ls-wt-dn-sw-sd,
159
+ var(--_ctm-tab-dn-qk-ls-wt-dn-sw-sd, var(--_ctm-dn-qk-ls-wt-dn-sw-sd))
160
+ )
161
+ var(
162
+ --_ctm-mob-dn-qk-ls-wt-dn-sw-cr,
163
+ var(--_ctm-tab-dn-qk-ls-wt-dn-sw-cr, var(--_ctm-dn-qk-ls-wt-dn-sw-cr))
164
+ )
199
165
  );
166
+ width: 100%;
167
+ height: auto;
200
168
  border-radius: var(
201
- --_ctm-mob-dn-sl-wt-br-rs,
202
- var(--_ctm-tab-dn-sl-wt-br-rs, var(--_ctm-dn-sl-wt-br-rs))
169
+ --_ctm-mob-dn-qk-ls-wt-dn-br-rs,
170
+ var(--_ctm-tab-dn-qk-ls-wt-dn-br-rs, var(--_ctm-dn-qk-ls-wt-dn-br-rs))
203
171
  );
204
172
 
205
- svg {
206
- width: var(
207
- --_ctm-mob-dn-im-se-in-se,
208
- var(--_ctm-tab-dn-im-se-in-se, var(--_ctm-dn-im-se-in-se))
209
- );
210
- height: var(
211
- --_ctm-mob-dn-im-se-in-se,
212
- var(--_ctm-tab-dn-im-se-in-se, var(--_ctm-dn-im-se-in-se))
173
+ .header__container {
174
+ display: flex;
175
+ flex-direction: column;
176
+ padding: var(
177
+ --_ctm-mob-dn-qk-ls-tt-lt-tt-vl-pg,
178
+ var(--_ctm-tab-dn-qk-ls-tt-lt-tt-vl-pg, var(--_ctm-dn-qk-ls-tt-lt-tt-vl-pg))
179
+ )
180
+ var(
181
+ --_ctm-mob-dn-qk-ls-tt-lt-tt-hl-pg,
182
+ var(--_ctm-tab-dn-qk-ls-tt-lt-tt-hl-pg, var(--_ctm-dn-qk-ls-tt-lt-tt-hl-pg))
183
+ );
184
+ gap: var(
185
+ --_ctm-mob-dn-qk-ls-tt-lt-te-ad-dn-sg,
186
+ var(--_ctm-tab-dn-qk-ls-tt-lt-te-ad-dn-sg, var(--_ctm-dn-qk-ls-tt-lt-te-ad-dn-sg))
213
187
  );
214
188
 
215
- // path {
216
- // stroke: var(
217
- // --_ctm-mob-dn-im-se-in-c1,
218
- // var(--_ctm-tab-dn-im-se-in-c1, var(--_ctm-dn-im-se-in-c1))
219
- // );
220
- // }
221
- }
222
-
223
- .social__item {
224
- width: 100%;
225
- height: 100%;
226
- flex-wrap: wrap;
227
- display: flex;
228
- gap: var(--_ctm-mob-lt-gp, var(--_ctm-tab-lt-gp, var(--_ctm-lt-gp)));
189
+ background-color: var(--_ctm-dn-qk-ls-tt-cr-dn-bd-cr, var(--_tst-dn-qk-ls-tt-cr-dn-bd-cr));
229
190
  background-color: var(
230
- --_ctm-mob-dn-im-se-bd-cr,
231
- var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
191
+ --_ctm-mob-dn-qk-ls-tt-cr-dn-bd-cr,
192
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-bd-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-bd-cr))
232
193
  );
233
194
  border-radius: var(
234
- --_ctm-mob-dn-im-se-br-rs,
235
- var(--_ctm-tab-dn-im-se-br-rs, var(--_ctm-dn-im-se-br-rs))
195
+ --_ctm-mob-dn-qk-ls-tt-cr-dn-br-rs,
196
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-rs, var(--_ctm-dn-qk-ls-tt-cr-dn-br-rs))
236
197
  );
198
+ box-shadow: var(
199
+ --_show-text-content-shadow,
200
+ var(
201
+ --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-ae,
202
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-ae, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-ae))
203
+ )
204
+ var(
205
+ --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-br,
206
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-br, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-br))
207
+ )
208
+ var(
209
+ --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-sd,
210
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-sd, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-sd))
211
+ )
212
+ var(
213
+ --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-cr,
214
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-cr))
215
+ )
216
+ );
217
+ h3 {
218
+ color: var(
219
+ --_ctm-mob-dn-qk-ls-wt-dn-cr,
220
+ var(--_ctm-tab-dn-qk-ls-wt-dn-cr, var(--_ctm-dn-qk-ls-wt-dn-cr))
221
+ );
222
+ font-family: var(
223
+ --_sf-hr-ff,
224
+ var(
225
+ --_ctm-mob-dn-qk-ls-wt-dn-ft-fy,
226
+ var(--_ctm-tab-dn-qk-ls-wt-dn-ft-fy, var(--_ctm-dn-qk-ls-wt-dn-ft-fy))
227
+ )
228
+ );
229
+ font-size: var(
230
+ --_ctm-mob-dn-qk-ls-wt-dn-ft-se,
231
+ var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se, var(--_ctm-dn-qk-ls-wt-dn-ft-se))
232
+ );
233
+ font-weight: var(
234
+ --_ctm-mob-dn-qk-ls-wt-dn-ft-wt,
235
+ var(--_ctm-tab-dn-qk-ls-wt-dn-ft-wt, var(--_ctm-dn-qk-ls-wt-dn-ft-wt))
236
+ );
237
+ font-style: var(
238
+ --_ctm-mob-dn-qk-ls-wt-dn-ft-se-ic,
239
+ var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-ic, var(--_ctm-dn-qk-ls-wt-dn-ft-se-ic))
240
+ );
241
+ text-align: var(
242
+ --_ctm-mob-dn-qk-ls-wt-dn-tt-an,
243
+ var(--_ctm-tab-dn-qk-ls-wt-dn-tt-an, var(--_ctm-dn-qk-ls-wt-dn-tt-an))
244
+ );
245
+ letter-spacing: var(
246
+ --_ctm-mob-dn-qk-ls-wt-dn-lr-sg,
247
+ var(--_ctm-tab-dn-qk-ls-wt-dn-lr-sg, var(--_ctm-dn-qk-ls-wt-dn-lr-sg))
248
+ );
249
+ line-height: var(
250
+ --_ctm-mob-dn-qk-ls-wt-dn-le-ht,
251
+ var(--_ctm-tab-dn-qk-ls-wt-dn-le-ht, var(--_ctm-dn-qk-ls-wt-dn-le-ht))
252
+ );
253
+ text-decoration: var(
254
+ --_ctm-mob-dn-qk-ls-wt-dn-ue,
255
+ var(--_ctm-tab-dn-qk-ls-wt-dn-ue, var(--_ctm-dn-qk-ls-wt-dn-ue))
256
+ );
257
+ }
258
+
259
+ p {
260
+ color: var(
261
+ --_ctm-mob-dn-qk-ls-wt-dn-cr-dc,
262
+ var(--_ctm-tab-dn-qk-ls-wt-dn-cr-dc, var(--_ctm-dn-qk-ls-wt-dn-cr-dc))
263
+ );
264
+ font-family: var(
265
+ --_sf-hr-ff,
266
+ var(
267
+ --_ctm-mob-dn-qk-ls-wt-dn-ft-fy-dc,
268
+ var(--_ctm-tab-dn-qk-ls-wt-dn-ft-fy-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-fy-dc))
269
+ )
270
+ );
271
+ font-size: var(
272
+ --_ctm-mob-dn-qk-ls-wt-dn-ft-se-dc,
273
+ var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-se-dc))
274
+ );
275
+ font-weight: var(
276
+ --_ctm-mob-dn-qk-ls-wt-dn-ft-wt-dc,
277
+ var(--_ctm-tab-dn-qk-ls-wt-dn-ft-wt-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-wt-dc))
278
+ );
279
+ font-style: var(
280
+ --_ctm-mob-dn-qk-ls-wt-dn-ft-se-ic-dc,
281
+ var(--_ctm-tab-dn-qk-ls-wt-dn-ft-se-ic-dc, var(--_ctm-dn-qk-ls-wt-dn-ft-se-ic-dc))
282
+ );
283
+ text-align: var(
284
+ --_ctm-mob-dn-qk-ls-wt-dn-tt-an-dc,
285
+ var(--_ctm-tab-dn-qk-ls-wt-dn-tt-an-dc, var(--_ctm-dn-qk-ls-wt-dn-tt-an-dc))
286
+ );
287
+ letter-spacing: var(
288
+ --_ctm-mob-dn-qk-ls-wt-dn-lr-sg-dc,
289
+ var(--_ctm-tab-dn-qk-ls-wt-dn-lr-sg-dc, var(--_ctm-dn-qk-ls-wt-dn-lr-sg-dc))
290
+ );
291
+ line-height: var(
292
+ --_ctm-mob-dn-qk-ls-wt-dn-le-ht-dc,
293
+ var(--_ctm-tab-dn-qk-ls-wt-dn-le-ht-dc, var(--_ctm-dn-qk-ls-wt-dn-le-ht-dc))
294
+ );
295
+ text-decoration: var(
296
+ --_ctm-mob-dn-qk-ls-wt-dn-ue-dc,
297
+ var(--_ctm-tab-dn-qk-ls-wt-dn-ue-dc, var(--_ctm-dn-qk-ls-wt-dn-ue-dc))
298
+ );
299
+ }
237
300
  }
238
301
 
239
- .social__text {
240
- color: var(--_ctm-mob-dn-im-se-cr, var(--_ctm-tab-dn-im-se-cr, var(--_ctm-dn-im-se-cr)));
241
- font-family: var(
242
- --_ctm-mob-dn-im-se-ft-fy,
243
- var(--_ctm-tab-dn-im-se-ft-fy, var(--_ctm-dn-im-se-ft-fy))
244
- ),
245
- sans-serif;
246
- font-size: var(
247
- --_ctm-mob-dn-im-se-ft-se,
248
- var(--_ctm-tab-dn-im-se-ft-se, var(--_ctm-dn-im-se-ft-se))
249
- );
250
- font-weight: var(
251
- --_ctm-mob-dn-im-se-ft-wt,
252
- var(--_ctm-tab-dn-im-se-ft-wt, var(--_ctm-dn-im-se-ft-wt))
253
- );
254
- font-style: var(
255
- --_ctm-mob-dn-im-se-ft-se-ic,
256
- var(--_ctm-tab-dn-im-se-ft-se-ic, var(--_ctm-dn-im-se-ft-se-ic))
257
- );
258
- text-align: var(
259
- --_ctm-mob-dn-im-se-tt-an,
260
- var(--_ctm-tab-dn-im-se-tt-an, var(--_ctm-dn-im-se-tt-an))
261
- );
262
- letter-spacing: var(
263
- --_ctm-mob-dn-im-se-lr-sg,
264
- var(--_ctm-tab-dn-im-se-lr-sg, var(--_ctm-dn-im-se-lr-sg))
265
- );
266
- line-height: var(
267
- --_ctm-mob-dn-im-se-le-ht,
268
- var(--_ctm-tab-dn-im-se-le-ht, var(--_ctm-dn-im-se-le-ht))
269
- );
270
- text-decoration: var(
271
- --_ctm-mob-dn-im-se-lh,
272
- var(--_ctm-tab-dn-im-se-ue, var(--_ctm-dn-im-se-lh))
273
- );
302
+ .items__container {
303
+ .links__item {
304
+ display: inline;
305
+ background-color: var(
306
+ --_ctm-mob-dn-im-se-bd-cr,
307
+ var(--_ctm-tab-dn-im-se-bd-cr, var(--_ctm-dn-im-se-bd-cr))
308
+ );
309
+ box-shadow: var(
310
+ --_show-shadow,
311
+ var(
312
+ --_ctm-mob-dn-im-se-sw-ae,
313
+ var(--_ctm-tab-dn-im-se-sw-ae, var(--_ctm-dn-im-se-sw-ae))
314
+ )
315
+ var(
316
+ --_ctm-mob-dn-im-se-sw-br,
317
+ var(--_ctm-tab-dn-im-se-sw-br, var(--_ctm-dn-im-se-sw-br))
318
+ )
319
+ var(
320
+ --_ctm-mob-dn-im-se-sw-sd,
321
+ var(--_ctm-tab-dn-im-se-sw-sd, var(--_ctm-dn-im-se-sw-sd))
322
+ )
323
+ var(
324
+ --_ctm-mob-dn-im-se-sw-cr,
325
+ var(--_ctm-tab-dn-im-se-sw-cr, var(--_ctm-dn-im-se-sw-cr))
326
+ )
327
+ );
328
+ }
274
329
  }
275
330
  }
276
331
  }