@sc-360-v2/storefront-cms-library 0.1.94 → 0.1.96

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 (49) hide show
  1. package/dist/amount-estimator.scss +444 -4
  2. package/dist/builder.js +1 -1
  3. package/dist/bulk-variant-picker.scss +629 -19
  4. package/dist/container.scss +9 -0
  5. package/dist/editor-core.scss +97 -8
  6. package/dist/functions.js +1 -1
  7. package/dist/gallery-slider-temp.scss +463 -348
  8. package/dist/grid.scss +20 -2
  9. package/dist/image-temp.scss +1 -1
  10. package/dist/menu.scss +89 -0
  11. package/dist/payment-methods.scss +175 -11
  12. package/dist/pickup-locations.scss +443 -11
  13. package/dist/product-actions.scss +905 -77
  14. package/dist/product-basic-elements.scss +37 -6
  15. package/dist/product-highlights.scss +114 -4
  16. package/dist/product-image.scss +472 -339
  17. package/dist/product-inventory.scss +559 -14
  18. package/dist/product-options.scss +156 -0
  19. package/dist/product-price.scss +695 -289
  20. package/dist/product-promotions.scss +1118 -17
  21. package/dist/product.scss +32 -172
  22. package/dist/productDetails.scss +28 -0
  23. package/dist/quantity-selector.scss +58 -4
  24. package/dist/repeater-item.scss +22 -0
  25. package/dist/repeater.scss +113 -0
  26. package/dist/section.scss +16 -0
  27. package/dist/shipping-estimator.scss +13 -5
  28. package/dist/stack.scss +7 -1
  29. package/dist/store-locations.scss +442 -14
  30. package/dist/tooltip.scss +276 -0
  31. package/dist/types/builder/enums/index.d.ts +9 -2
  32. package/dist/types/builder/tools/element-edit/amountEstimator.d.ts +2 -1
  33. package/dist/types/builder/tools/element-edit/index.d.ts +3 -1
  34. package/dist/types/builder/tools/element-edit/productActions.d.ts +1 -0
  35. package/dist/types/builder/tools/element-edit/productDetails.d.ts +6 -31
  36. package/dist/types/builder/tools/element-edit/productDetailsOLd.d.ts +42 -0
  37. package/dist/types/builder/tools/element-edit/productOptions.d.ts +59 -0
  38. package/dist/types/builder/tools/element-edit/repeater.d.ts +2 -1
  39. package/dist/types/helper/helper-functions.d.ts +1 -0
  40. package/dist/uom-selector.scss +501 -4
  41. package/dist/variable.scss +9 -1
  42. package/dist/variant-picker.scss +672 -19
  43. package/dist/volume-pricing.scss +473 -19
  44. package/dist/widget.scss +25 -3
  45. package/package.json +1 -1
  46. package/dist/App.scss +0 -31
  47. package/dist/mixin.scss +0 -9
  48. package/dist/modal.module.scss +0 -121
  49. package/dist/range-slider.module.scss +0 -85
package/dist/product-inventory.scss CHANGED
@@ -5,27 +5,572 @@
5
5
  &[data-element-type="productInventory"] {
6
6
  width: var(--_sf-nw-wh, var(--_tst-lt-wh));
7
7
  margin: var(--_ctm-lt-mn, --_tst-lt-mn);
8
- aspect-ratio: 1 / var(--_sf-aspect-ratio);
9
-
8
+ // aspect-ratio: 1 / var(--_sf-aspect-ratio);
10
9
  & > .wrapper {
11
10
  width: 100%;
12
11
  }
13
-
14
12
  &[data-show-shadow="false"] {
15
- --_show-shadow: none;
13
+ --_show-shadow-im-se: none;
16
14
  }
17
- table {
18
- font-family: arial, sans-serif;
19
- border-collapse: collapse;
20
- width: 100%;
21
- height: 100%;
15
+ &[data-show-border="false"] {
16
+ --_show-border-im-se: none;
17
+ }
18
+ &[data-overflow-items="Wrap"] {
19
+ .horizontal {
20
+ flex-wrap: wrap;
21
+ }
22
+ }
23
+ &[data-overflow-items="Scroll"] {
24
+ .horizontal {
25
+ width: 100%;
26
+ overflow-x: auto;
27
+ .item {
28
+ width: 100%;
29
+ flex-shrink: 0;
30
+ }
31
+ }
32
+ .vertical {
33
+ overflow-y: auto;
34
+ max-height: 30%;
35
+ }
22
36
  }
37
+ .text-element {
38
+ background: #6d96e4;
39
+ padding: 10px;
40
+ font-weight: 600;
41
+ color: rgba(75, 69, 70, 1);
42
+ }
43
+ .store__container {
44
+ display: flex;
45
+ flex-direction: column;
46
+ // align-items: center;
47
+ padding: var(--_ctm-lt-pg);
48
+ gap: 10px;
49
+ .stack {
50
+ .static {
51
+ color: var(--_ctm-dn-iy-tt-se-cr-dc);
52
+ font-family: var(--_ctm-dn-iy-tt-se-ft-fy-dc), sans-serif;
53
+ font-size: var(--_ctm-dn-iy-tt-se-ft-se-dc);
54
+ font-weight: var(--_ctm-dn-iy-tt-se-ft-wt-dc);
55
+ font-style: var(--_ctm-dn-iy-tt-se-ft-se-ic-dc);
56
+ text-align: var(--_ctm-dn-iy-tt-se-tt-an-dc);
57
+ letter-spacing: var(--_ctm-dn-iy-tt-se-lr-sg-dc);
58
+ line-height: var(--_ctm-dn-iy-tt-se-le-ht-dc);
59
+ text-decoration: var(--_ctm-dn-iy-tt-se-ue-dc);
60
+ }
61
+ .dynamic {
62
+ color: var(--_ctm-dn-iy-tt-se-cr);
63
+ font-family: var(--_ctm-dn-iy-tt-se-ft-fy), sans-serif;
64
+ font-size: var(--_ctm-dn-iy-tt-se-ft-se);
65
+ font-weight: var(--_ctm-dn-iy-tt-se-ft-wt);
66
+ font-style: var(--_ctm-dn-iy-tt-se-ft-se-ic);
67
+ text-align: var(--_ctm-dn-iy-tt-se-tt-an);
68
+ letter-spacing: var(--_ctm-dn-iy-tt-se-lr-sg);
69
+ line-height: var(--_ctm-dn-iy-tt-se-le-ht);
70
+ text-decoration: var(--_ctm-dn-iy-tt-se-ue);
71
+ }
72
+ .horizontal {
73
+ display: flex;
74
+ flex-direction: row;
75
+ align-items: center;
76
+ margin-top: 10px;
77
+ gap: var(--_ctm-lt-im-sg);
78
+ .item {
79
+ padding: var(--_ctm-dn-im-se-vl-pg) var(--_ctm-dn-im-se-hl-pg);
80
+ display: flex;
81
+ flex-direction: column;
82
+ background-color: var(--_ctm-dn-im-se-bd-cr);
83
+ border-color: var(
84
+ --_show-border-im-se,
85
+ var(--_ctm-dn-im-se-br-cr, var(--_tst-dn-br-cr))
86
+ );
87
+ border-style: var(
88
+ --_show-border-im-se,
89
+ var(--_ctm-dn-im-se-br-se, var(--_tst-dn-br-se))
90
+ );
91
+ border-width: var(
92
+ --_show-border-im-se,
93
+ var(--_ctm-dn-im-se-br-wh, var(--_tst-dn-br-wh))
94
+ );
95
+ border-radius: var(--_ctm-dn-im-se-br-rs, var(--_tst-dn-br-rs));
96
+ box-shadow: var(
97
+ --_show-shadow-im-se,
98
+ var(--_ctm-dn-im-se-sw-ae, var(--_tst-dn-sw-ae))
99
+ var(--_ctm-dn-im-se-sw-br, var(--_tst-dn-sw-br))
100
+ var(--_ctm-dn-im-se-sw-sd, var(--_tst-dn-sw-sd))
101
+ var(--_ctm-dn-im-se-sw-cr, var(--_tst-dn-sw-cr))
102
+ );
103
+ .name {
104
+ color: var(--_ctm-dn-ln-ne-cr);
105
+ font-family: var(--_ctm-dn-ln-ne-ft-fy), sans-serif;
106
+ font-size: var(--_ctm-dn-ln-ne-ft-se);
107
+ font-weight: var(--_ctm-dn-ln-ne-ft-wt);
108
+ font-style: var(--_ctm-dn-ln-ne-ft-se-ic);
109
+ text-align: var(--_ctm-dn-ln-ne-tt-an);
110
+ letter-spacing: var(--_ctm-dn-ln-ne-lr-sg);
111
+ line-height: var(--_ctm-dn-ln-ne-le-ht);
112
+ text-decoration: var(--_ctm-dn-ln-ne-ue);
113
+ }
114
+ .address {
115
+ color: var(--_ctm-dn-ln-as-cr);
116
+ font-family: var(--_ctm-dn-ln-as-ft-fy), sans-serif;
117
+ font-size: var(--_ctm-dn-ln-as-ft-se);
118
+ font-weight: var(--_ctm-dn-ln-as-ft-wt);
119
+ font-style: var(--_ctm-dn-ln-as-ft-se-ic);
120
+ text-align: var(--_ctm-dn-ln-as-tt-an);
121
+ letter-spacing: var(--_ctm-dn-ln-as-lr-sg);
122
+ line-height: var(--_ctm-dn-ln-as-le-ht);
123
+ text-decoration: var(--_ctm-dn-ln-as-ue);
124
+ }
125
+ .inventory {
126
+ color: var(--_ctm-dn-ln-iy-cr);
127
+ font-family: var(--_ctm-dn-ln-iy-ft-fy), sans-serif;
128
+ font-size: var(--_ctm-dn-ln-iy-ft-se);
129
+ font-weight: var(--_ctm-dn-ln-iy-ft-wt);
130
+ font-style: var(--_ctm-dn-ln-iy-ft-se-ic);
131
+ text-align: var(--_ctm-dn-ln-iy-tt-an);
132
+ letter-spacing: var(--_ctm-dn-ln-iy-lr-sg);
133
+ line-height: var(--_ctm-dn-ln-iy-le-ht);
134
+ text-decoration: var(--_ctm-dn-ln-iy-ue);
135
+ }
136
+ .status {
137
+ color: var(--_ctm-dn-ln-iy-ss-cr);
138
+ font-family: var(--_ctm-dn-ln-iy-ss-ft-fy), sans-serif;
139
+ font-size: var(--_ctm-dn-ln-iy-ss-ft-se);
140
+ font-weight: var(--_ctm-dn-ln-iy-ss-ft-wt);
141
+ font-style: var(--_ctm-dn-ln-iy-ss-ft-se-ic);
142
+ text-align: var(--_ctm-dn-ln-iy-ss-tt-an);
143
+ letter-spacing: var(--_ctm-dn-ln-iy-ss-lr-sg);
144
+ line-height: var(--_ctm-dn-ln-iy-ss-le-ht);
145
+ text-decoration: var(--_ctm-dn-ln-iy-ss-ue);
146
+ }
147
+ }
148
+ }
149
+ .vertical {
150
+ display: flex;
151
+ flex-direction: column;
152
+ align-items: flex-start;
153
+ gap: var(--_ctm-lt-im-sg);
154
+
155
+ .item {
156
+ display: flex;
157
+ flex-direction: column;
158
+ width: 100%;
159
+ padding: var(--_ctm-dn-im-se-vl-pg) var(--_ctm-dn-im-se-hl-pg);
160
+ display: flex;
161
+ flex-direction: column;
162
+ background-color: var(--_ctm-dn-im-se-bd-cr);
163
+ border-color: var(
164
+ --_show-border-im-se,
165
+ var(--_ctm-dn-im-se-br-cr, var(--_tst-dn-br-cr))
166
+ );
167
+ border-style: var(
168
+ --_show-border-im-se,
169
+ var(--_ctm-dn-im-se-br-se, var(--_tst-dn-br-se))
170
+ );
171
+ border-width: var(
172
+ --_show-border-im-se,
173
+ var(--_ctm-dn-im-se-br-wh, var(--_tst-dn-br-wh))
174
+ );
175
+ border-radius: var(--_ctm-dn-im-se-br-rs, var(--_tst-dn-br-rs));
176
+ box-shadow: var(
177
+ --_show-shadow-im-se,
178
+ var(--_ctm-dn-im-se-sw-ae, var(--_tst-dn-sw-ae))
179
+ var(--_ctm-dn-im-se-sw-br, var(--_tst-dn-sw-br))
180
+ var(--_ctm-dn-im-se-sw-sd, var(--_tst-dn-sw-sd))
181
+ var(--_ctm-dn-im-se-sw-cr, var(--_tst-dn-sw-cr))
182
+ );
183
+ .name {
184
+ color: var(--_ctm-dn-ln-ne-cr);
185
+ font-family: var(--_ctm-dn-ln-ne-ft-fy), sans-serif;
186
+ font-size: var(--_ctm-dn-ln-ne-ft-se);
187
+ font-weight: var(--_ctm-dn-ln-ne-ft-wt);
188
+ font-style: var(--_ctm-dn-ln-ne-ft-se-ic);
189
+ text-align: var(--_ctm-dn-ln-ne-tt-an);
190
+ letter-spacing: var(--_ctm-dn-ln-ne-lr-sg);
191
+ line-height: var(--_ctm-dn-ln-ne-le-ht);
192
+ text-decoration: var(--_ctm-dn-ln-ne-ue);
193
+ }
194
+ .address {
195
+ color: var(--_ctm-dn-ln-as-cr);
196
+ font-family: var(--_ctm-dn-ln-as-ft-fy), sans-serif;
197
+ font-size: var(--_ctm-dn-ln-as-ft-se);
198
+ font-weight: var(--_ctm-dn-ln-as-ft-wt);
199
+ font-style: var(--_ctm-dn-ln-as-ft-se-ic);
200
+ text-align: var(--_ctm-dn-ln-as-tt-an);
201
+ letter-spacing: var(--_ctm-dn-ln-as-lr-sg);
202
+ line-height: var(--_ctm-dn-ln-as-le-ht);
203
+ text-decoration: var(--_ctm-dn-ln-as-ue);
204
+ }
205
+ .inventory {
206
+ color: var(--_ctm-dn-ln-iy-cr);
207
+ font-family: var(--_ctm-dn-ln-iy-ft-fy), sans-serif;
208
+ font-size: var(--_ctm-dn-ln-iy-ft-se);
209
+ font-weight: var(--_ctm-dn-ln-iy-ft-wt);
210
+ font-style: var(--_ctm-dn-ln-iy-ft-se-ic);
211
+ text-align: var(--_ctm-dn-ln-iy-tt-an);
212
+ letter-spacing: var(--_ctm-dn-ln-iy-lr-sg);
213
+ line-height: var(--_ctm-dn-ln-iy-le-ht);
214
+ text-decoration: var(--_ctm-dn-ln-iy-ue);
215
+ }
216
+ .status {
217
+ color: var(--_ctm-dn-ln-iy-ss-cr);
218
+ font-family: var(--_ctm-dn-ln-iy-ss-ft-fy), sans-serif;
219
+ font-size: var(--_ctm-dn-ln-iy-ss-ft-se);
220
+ font-weight: var(--_ctm-dn-ln-iy-ss-ft-wt);
221
+ font-style: var(--_ctm-dn-ln-iy-ss-ft-se-ic);
222
+ text-align: var(--_ctm-dn-ln-iy-ss-tt-an);
223
+ letter-spacing: var(--_ctm-dn-ln-iy-ss-lr-sg);
224
+ line-height: var(--_ctm-dn-ln-iy-ss-le-ht);
225
+ text-decoration: var(--_ctm-dn-ln-iy-ss-ue);
226
+ }
227
+ }
228
+ }
229
+ }
230
+ .store__button {
231
+ .button {
232
+ display: flex;
233
+ align-items: center;
234
+ background-color: var(--_ctm-dn-vw-iy-bn-dt-se-bd-cr);
235
+ gap: var(--_ctm-dn-vw-iy-bn-dt-se-in-ad-tt-sg);
236
+ padding: 10px;
237
+ width: 100%;
238
+ justify-content: center;
239
+ min-width: 100px;
240
+ min-height: 50px;
241
+ border-color: var(
242
+ --_show-border-im-se,
243
+ var(--_ctm-dn-vw-iy-bn-dt-se-br-cr, var(--_tst-dn-br-cr))
244
+ );
245
+ border-style: var(
246
+ --_show-border-im-se,
247
+ var(--_ctm-dn-vw-iy-bn-dt-se-br-se, var(--_tst-dn-br-se))
248
+ );
249
+ border-width: var(
250
+ --_show-border-im-se,
251
+ var(--_ctm-dn-vw-iy-bn-dt-se-br-wh, var(--_tst-dn-br-wh))
252
+ );
253
+ border-radius: var(--_ctm-dn-vw-iy-bn-dt-se-br-rs, var(--_tst-dn-br-rs));
254
+ box-shadow: var(
255
+ --_show-shadow-im-se,
256
+ var(--_ctm-dn-vw-iy-bn-dt-se-sw-ae, var(--_tst-dn-sw-ae))
257
+ var(--_ctm-dn-vw-iy-bn-dt-se-sw-br, var(--_tst-dn-sw-br))
258
+ var(--_ctm-dn-vw-iy-bn-dt-se-sw-sd, var(--_tst-dn-sw-sd))
259
+ var(--_ctm-dn-vw-iy-bn-dt-se-sw-cr, var(--_tst-dn-sw-cr))
260
+ );
261
+ .icon {
262
+ svg {
263
+ width: var(--_ctm-dn-vw-iy-bn-dt-se-in-se);
264
+ height: var(--_ctm-dn-vw-iy-bn-dt-se-in-se);
265
+ path {
266
+ stroke: var(--_ctm-dn-vw-iy-bn-dt-se-in-c1);
267
+ }
268
+ }
269
+ }
270
+ .text {
271
+ color: var(--_ctm-dn-vw-iy-bn-dt-se-cr);
272
+ font-family: var(--_ctm-dn-vw-iy-bn-dt-se-ft-fy), sans-serif;
273
+ font-size: var(--_ctm-dn-vw-iy-bn-dt-se-ft-se);
274
+ font-weight: var(--_ctm-dn-vw-iy-bn-dt-se-ft-wt);
275
+ font-style: var(--_ctm-dn-vw-iy-bn-dt-se-ft-se-ic);
276
+ text-align: var(--_ctm-dn-vw-iy-bn-dt-se-tt-an);
277
+ letter-spacing: var(--_ctm-dn-vw-iy-bn-dt-se-lr-sg);
278
+ line-height: var(--_ctm-dn-vw-iy-bn-dt-se-le-ht);
279
+ text-decoration: var(--_ctm-dn-vw-iy-bn-dt-se-ue);
280
+ }
281
+ &:hover {
282
+ background-color: var(--_ctm-dn-vw-iy-bn-hr-se-bd-cr);
283
+ gap: var(--_ctm-dn-vw-iy-bn-hr-se-in-ad-tt-sg);
284
+ min-width: 100px;
285
+ min-height: 50px;
286
+ border-color: var(
287
+ --_show-border-im-se,
288
+ var(--_ctm-dn-vw-iy-bn-hr-se-br-cr, var(--_tst-dn-br-cr))
289
+ );
290
+ border-style: var(
291
+ --_show-border-im-se,
292
+ var(--_ctm-dn-vw-iy-bn-hr-se-br-se, var(--_tst-dn-br-se))
293
+ );
294
+ border-width: var(
295
+ --_show-border-im-se,
296
+ var(--_ctm-dn-vw-iy-bn-hr-se-br-wh, var(--_tst-dn-br-wh))
297
+ );
298
+ border-radius: var(--_ctm-dn-vw-iy-bn-hr-se-br-rs, var(--_tst-dn-br-rs));
299
+ box-shadow: var(
300
+ --_show-shadow-im-se,
301
+ var(--_ctm-dn-vw-iy-bn-hr-se-sw-ae, var(--_tst-dn-sw-ae))
302
+ var(--_ctm-dn-vw-iy-bn-hr-se-sw-br, var(--_tst-dn-sw-br))
303
+ var(--_ctm-dn-vw-iy-bn-hr-se-sw-sd, var(--_tst-dn-sw-sd))
304
+ var(--_ctm-dn-vw-iy-bn-hr-se-sw-cr, var(--_tst-dn-sw-cr))
305
+ );
306
+ .icon {
307
+ svg {
308
+ width: var(--_ctm-dn-vw-iy-bn-hr-se-in-se);
309
+ height: var(--_ctm-dn-vw-iy-bn-hr-se-in-se);
310
+ path {
311
+ stroke: var(--_ctm-dn-vw-iy-bn-hr-se-in-c1);
312
+ }
313
+ }
314
+ }
315
+ .text {
316
+ color: var(--_ctm-dn-vw-iy-bn-hr-se-cr);
317
+ font-family: var(--_ctm-dn-vw-iy-bn-hr-se-ft-fy), sans-serif;
318
+ font-size: var(--_ctm-dn-vw-iy-bn-hr-se-ft-se);
319
+ font-weight: var(--_ctm-dn-vw-iy-bn-hr-se-ft-wt);
320
+ font-style: var(--_ctm-dn-vw-iy-bn-hr-se-ft-se-ic);
321
+ text-align: var(--_ctm-dn-vw-iy-bn-hr-se-tt-an);
322
+ letter-spacing: var(--_ctm-dn-vw-iy-bn-hr-se-lr-sg);
323
+ line-height: var(--_ctm-dn-vw-iy-bn-hr-se-le-ht);
324
+ text-decoration: var(--_ctm-dn-vw-iy-bn-hr-se-ue);
325
+ }
326
+ }
327
+ }
328
+ .upfront_container {
329
+ margin-top: 10px;
330
+
331
+ .vertical {
332
+ display: flex;
333
+ flex-direction: column;
334
+ align-items: flex-start;
335
+ gap: var(--_ctm-lt-im-sg);
336
+
337
+ .item {
338
+ display: flex;
339
+ flex-direction: column;
340
+ width: 100%;
341
+ padding: var(--_ctm-dn-im-se-vl-pg) var(--_ctm-dn-im-se-hl-pg);
342
+ display: flex;
343
+ flex-direction: column;
344
+ background-color: var(--_ctm-dn-im-se-bd-cr);
345
+ border-color: var(
346
+ --_show-border-im-se,
347
+ var(--_ctm-dn-im-se-br-cr, var(--_tst-dn-br-cr))
348
+ );
349
+ border-style: var(
350
+ --_show-border-im-se,
351
+ var(--_ctm-dn-im-se-br-se, var(--_tst-dn-br-se))
352
+ );
353
+ border-width: var(
354
+ --_show-border-im-se,
355
+ var(--_ctm-dn-im-se-br-wh, var(--_tst-dn-br-wh))
356
+ );
357
+ border-radius: var(--_ctm-dn-im-se-br-rs, var(--_tst-dn-br-rs));
358
+ box-shadow: var(
359
+ --_show-shadow-im-se,
360
+ var(--_ctm-dn-im-se-sw-ae, var(--_tst-dn-sw-ae))
361
+ var(--_ctm-dn-im-se-sw-br, var(--_tst-dn-sw-br))
362
+ var(--_ctm-dn-im-se-sw-sd, var(--_tst-dn-sw-sd))
363
+ var(--_ctm-dn-im-se-sw-cr, var(--_tst-dn-sw-cr))
364
+ );
365
+ .name {
366
+ color: var(--_ctm-dn-ln-ne-cr);
367
+ font-family: var(--_ctm-dn-ln-ne-ft-fy), sans-serif;
368
+ font-size: var(--_ctm-dn-ln-ne-ft-se);
369
+ font-weight: var(--_ctm-dn-ln-ne-ft-wt);
370
+ font-style: var(--_ctm-dn-ln-ne-ft-se-ic);
371
+ text-align: var(--_ctm-dn-ln-ne-tt-an);
372
+ letter-spacing: var(--_ctm-dn-ln-ne-lr-sg);
373
+ line-height: var(--_ctm-dn-ln-ne-le-ht);
374
+ text-decoration: var(--_ctm-dn-ln-ne-ue);
375
+ }
376
+ .address {
377
+ color: var(--_ctm-dn-ln-as-cr);
378
+ font-family: var(--_ctm-dn-ln-as-ft-fy), sans-serif;
379
+ font-size: var(--_ctm-dn-ln-as-ft-se);
380
+ font-weight: var(--_ctm-dn-ln-as-ft-wt);
381
+ font-style: var(--_ctm-dn-ln-as-ft-se-ic);
382
+ text-align: var(--_ctm-dn-ln-as-tt-an);
383
+ letter-spacing: var(--_ctm-dn-ln-as-lr-sg);
384
+ line-height: var(--_ctm-dn-ln-as-le-ht);
385
+ text-decoration: var(--_ctm-dn-ln-as-ue);
386
+ }
387
+ .inventory {
388
+ color: var(--_ctm-dn-ln-iy-cr);
389
+ font-family: var(--_ctm-dn-ln-iy-ft-fy), sans-serif;
390
+ font-size: var(--_ctm-dn-ln-iy-ft-se);
391
+ font-weight: var(--_ctm-dn-ln-iy-ft-wt);
392
+ font-style: var(--_ctm-dn-ln-iy-ft-se-ic);
393
+ text-align: var(--_ctm-dn-ln-iy-tt-an);
394
+ letter-spacing: var(--_ctm-dn-ln-iy-lr-sg);
395
+ line-height: var(--_ctm-dn-ln-iy-le-ht);
396
+ text-decoration: var(--_ctm-dn-ln-iy-ue);
397
+ }
398
+ .status {
399
+ color: var(--_ctm-dn-ln-iy-ss-cr);
400
+ font-family: var(--_ctm-dn-ln-iy-ss-ft-fy), sans-serif;
401
+ font-size: var(--_ctm-dn-ln-iy-ss-ft-se);
402
+ font-weight: var(--_ctm-dn-ln-iy-ss-ft-wt);
403
+ font-style: var(--_ctm-dn-ln-iy-ss-ft-se-ic);
404
+ text-align: var(--_ctm-dn-ln-iy-ss-tt-an);
405
+ letter-spacing: var(--_ctm-dn-ln-iy-ss-lr-sg);
406
+ line-height: var(--_ctm-dn-ln-iy-ss-le-ht);
407
+ text-decoration: var(--_ctm-dn-ln-iy-ss-ue);
408
+ }
409
+ }
410
+ }
411
+ }
412
+ }
413
+ .table-content {
414
+ border-collapse: collapse;
415
+ border: 1px solid #000;
416
+ background-color: var(--_ctm-dn-te-bd-cr);
417
+ border-color: var(--_show-border-im-se, var(--_ctm-dn-te-br-cr, var(--_tst-dn-br-cr)));
418
+ border-style: var(--_show-border-im-se, var(--_ctm-dn-te-br-se, var(--_tst-dn-br-se)));
419
+ border-width: var(--_show-border-im-se, var(--_ctm-dn-te-br-wh, var(--_tst-dn-br-wh)));
420
+ border-radius: var(--_ctm-dn-te-br-rs, var(--_tst-dn-br-rs));
421
+ box-shadow: var(
422
+ --_show-shadow-im-se,
423
+ var(--_ctm-dn-te-sw-ae, var(--_tst-dn-sw-ae))
424
+ var(--_ctm-dn-te-sw-br, var(--_tst-dn-sw-br))
425
+ var(--_ctm-dn-te-sw-sd, var(--_tst-dn-sw-sd))
426
+ var(--_ctm-dn-te-sw-cr, var(--_tst-dn-sw-cr))
427
+ );
428
+ &[data-header-divider="true"] {
429
+ thead tr th {
430
+ border-bottom: 1px solid var(--_ctm-dn-rw-ds-hr-dr);
431
+ }
432
+ }
433
+ &[data-row-divider="true"] {
434
+ tbody tr td {
435
+ border-bottom: 1px solid var(--_ctm-dn-rw-ds-rw-dr);
436
+ }
437
+ }
438
+ &[data-column-divider="true"] {
439
+ tbody tr td,
440
+ thead tr th {
441
+ border-right: 1px solid var(--_ctm-dn-rw-ds-cn-dr);
442
+ }
23
443
 
24
- td,
25
- th {
26
- border: 1px solid #dddddd;
27
- text-align: center;
28
- padding: 8px;
444
+ tbody tr td:last-child,
445
+ thead tr th:last-child {
446
+ border-right: none;
447
+ }
448
+ }
449
+ &[data-alternative-row-colors="true"] {
450
+ tbody tr:nth-child(odd) {
451
+ background-color: var(--_gray-300);
452
+ width: 100%;
453
+ }
454
+ }
455
+ thead {
456
+ height: var(--_ctm-lt-hr-ht);
457
+ tr {
458
+ text-align: var(--_ctm-lt-ct-at);
459
+ th {
460
+ padding: var(--_ctm-lt-hr-cl-pg);
461
+ text-align: var(--_ctm-lt-ct-at);
462
+ border: 0;
463
+ background-color: var(--_ctm-dn-te-hr-bd-cr);
464
+ color: var(--_ctm-dn-hr-tt-cr);
465
+ font-family: var(--_ctm-dn-hr-tt-ft-fy), sans-serif;
466
+ font-size: var(--_ctm-dn-hr-tt-ft-se);
467
+ font-weight: var(--_ctm-dn-hr-tt-ft-wt);
468
+ font-style: var(--_ctm-dn-hr-tt-ft-se-ic);
469
+ text-align: var(--_ctm-dn-hr-tt-tt-an);
470
+ letter-spacing: var(--_ctm-dn-hr-tt-lr-sg);
471
+ line-height: var(--_ctm-dn-hr-tt-le-ht);
472
+ text-decoration: var(--_ctm-dn-hr-tt-ue);
473
+ text-align: var(--_ctm-lt-ct-at);
474
+ }
475
+ }
476
+ }
477
+ tbody {
478
+ tr {
479
+ padding: var(--_ctm-lt-rw-cl-pg);
480
+ height: var(--_ctm-lt-rw-ht);
481
+ background-color: var(--_ctm-dn-te-rw-bd-cr);
482
+ text-align: var(--_ctm-lt-ct-at);
483
+ th,
484
+ td {
485
+ text-align: var(--_ctm-lt-ct-at);
486
+ border: 0;
487
+ padding: inherit;
488
+ color: var(--_ctm-dn-te-rw-cr);
489
+ font-family: var(--_ctm-dn-te-rw-ft-fy), sans-serif;
490
+ font-size: var(--_ctm-dn-te-rw-ft-se);
491
+ font-weight: var(--_ctm-dn-te-rw-ft-wt);
492
+ font-style: var(--_ctm-dn-te-rw-ft-se-ic);
493
+ text-align: var(--_ctm-dn-te-rw-tt-an);
494
+ letter-spacing: var(--_ctm-dn-te-rw-lr-sg);
495
+ line-height: var(--_ctm-dn-te-rw-le-ht);
496
+ text-decoration: var(--_ctm-dn-te-rw-ue);
497
+ }
498
+ }
499
+ }
500
+ }
501
+ .pagination_container {
502
+ display: flex;
503
+ justify-content: var(--_ctm-lt-pn-at);
504
+ align-items: center;
505
+ gap: 10px;
506
+ button {
507
+ font-size: 16px;
508
+ // padding: 10px 20px;
509
+ // background-color: #000;
510
+ color: #fff;
511
+ border: none;
512
+ cursor: pointer;
513
+ // border-radius: 10px;
514
+ }
515
+ span {
516
+ cursor: pointer;
517
+ color: var(--_ctm-dn-pn-dt-se-cr);
518
+ font-family: var(--_ctm-dn-pn-dt-se-ft-fy), sans-serif;
519
+ font-size: var(--_ctm-dn-pn-dt-se-ft-se);
520
+ font-weight: var(--_ctm-dn-pn-dt-se-ft-wt);
521
+ font-style: var(--_ctm-dn-pn-dt-se-ft-se-ic);
522
+ text-align: var(--_ctm-dn-pn-dt-se-tt-an);
523
+ letter-spacing: var(--_ctm-dn-pn-dt-se-lr-sg);
524
+ line-height: var(--_ctm-dn-pn-dt-se-le-ht);
525
+ text-decoration: var(--_ctm-dn-pn-dt-se-ue);
526
+ }
527
+ .active {
528
+ span {
529
+ background-color: var(--_ctm-dn-pn-dt-se-bd-cr);
530
+ padding: 2px;
531
+ }
532
+ }
533
+ }
534
+ .loadmore_conatiner {
535
+ display: flex;
536
+ justify-content: center;
537
+ align-items: center;
538
+ gap: 10px;
539
+ button {
540
+ padding: 10px;
541
+ cursor: pointer;
542
+ color: var(--_ctm-dn-sw-me-is-bn-cr);
543
+ font-family: var(--_ctm-dn-sw-me-is-bn-ft-fy), sans-serif;
544
+ font-size: var(--_ctm-dn-sw-me-is-bn-ft-se);
545
+ font-weight: var(--_ctm-dn-sw-me-is-bn-ft-wt);
546
+ font-style: var(--_ctm-dn-sw-me-is-bn-ft-se-ic);
547
+ text-align: var(--_ctm-dn-sw-me-is-bn-tt-an);
548
+ letter-spacing: var(--_ctm-dn-sw-me-is-bn-lr-sg);
549
+ line-height: var(--_ctm-dn-sw-me-is-bn-le-ht);
550
+ text-decoration: var(--_ctm-dn-sw-me-is-bn-ue);
551
+ background-color: var(--_ctm-dn-sw-me-is-bn-bd-cr);
552
+ border-color: var(
553
+ --_show-border-im-se,
554
+ var(--_ctm-dn-sw-me-is-bn-br-cr, var(--_tst-dn-br-cr))
555
+ );
556
+ border-style: var(
557
+ --_show-border-im-se,
558
+ var(--_ctm-dn-sw-me-is-bn-br-se, var(--_tst-dn-br-se))
559
+ );
560
+ border-width: var(
561
+ --_show-border-im-se,
562
+ var(--_ctm-dn-sw-me-is-bn-br-wh, var(--_tst-dn-br-wh))
563
+ );
564
+ border-radius: var(--_ctm-dn-sw-me-is-bn-br-rs, var(--_tst-dn-br-rs));
565
+ box-shadow: var(
566
+ --_show-shadow-im-se,
567
+ var(--_ctm-dn-sw-me-is-bn-sw-ae, var(--_tst-dn-sw-ae))
568
+ var(--_ctm-dn-sw-me-is-bn-sw-br, var(--_tst-dn-sw-br))
569
+ var(--_ctm-dn-sw-me-is-bn-sw-sd, var(--_tst-dn-sw-sd))
570
+ var(--_ctm-dn-sw-me-is-bn-sw-cr, var(--_tst-dn-sw-cr))
571
+ );
572
+ }
573
+ }
29
574
  }
30
575
  }
31
576
  }