@sc-360-v2/storefront-cms-library 0.5.71 → 0.5.73

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 (128) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +126 -236
  3. package/dist/add-products-tab-details.scss +1048 -2097
  4. package/dist/add-products-tab.scss +666 -1204
  5. package/dist/allocation-header-quota-details.scss +189 -407
  6. package/dist/allocationDetails.scss +1661 -2143
  7. package/dist/allocations-quota-details.scss +159 -323
  8. package/dist/allocations.scss +475 -793
  9. package/dist/amount-estimator.scss +405 -743
  10. package/dist/badge.scss +43 -18
  11. package/dist/brand-basic-elements.scss +76 -124
  12. package/dist/brand.scss +28 -55
  13. package/dist/breadcrumbs.scss +356 -718
  14. package/dist/builder.js +1 -1
  15. package/dist/bulk-variant-picker.scss +1128 -2027
  16. package/dist/bundle.scss +841 -1477
  17. package/dist/bundleCategories.scss +301 -301
  18. package/dist/bundleDetails.scss +3774 -5072
  19. package/dist/button.scss +79 -103
  20. package/dist/buy-for-tab-container.scss +77 -106
  21. package/dist/buyForHeaders.scss +1722 -2976
  22. package/dist/cart-details.scss +481 -1012
  23. package/dist/cart-summary.scss +2234 -2826
  24. package/dist/cart-wrapper.scss +37 -79
  25. package/dist/cart.scss +117 -225
  26. package/dist/cartAttributes.scss +1103 -1422
  27. package/dist/category-groups-element.scss +127 -108
  28. package/dist/category-groups-product-grid.scss +120 -147
  29. package/dist/category-groups-product-image.scss +1162 -1457
  30. package/dist/category-groups-product-options.scss +613 -680
  31. package/dist/category-groups-product-price.scss +1966 -3244
  32. package/dist/category-groups-quota-details.scss +210 -464
  33. package/dist/category.scss +26 -50
  34. package/dist/checkout.scss +24 -16
  35. package/dist/confirm-modal.scss +22 -2
  36. package/dist/container.scss +32 -54
  37. package/dist/countdown.scss +711 -899
  38. package/dist/coupon.scss +1160 -1519
  39. package/dist/default-dropdown.scss +12 -1
  40. package/dist/embroider-template-1-v2.scss +123 -172
  41. package/dist/embroider-template-1.scss +68 -104
  42. package/dist/embroidery.scss +30 -31
  43. package/dist/employee-bulk-order.scss +418 -142
  44. package/dist/faq.scss +228 -408
  45. package/dist/filter-results.scss +125 -265
  46. package/dist/filters.scss +2143 -3040
  47. package/dist/gallery-slider-temp.scss +1458 -1776
  48. package/dist/global-styles.scss +218 -198
  49. package/dist/grid.scss +25 -33
  50. package/dist/hotspot.scss +68 -115
  51. package/dist/image-temp.scss +21 -20
  52. package/dist/item-stock.scss +9 -16
  53. package/dist/kitDetails.scss +2719 -4299
  54. package/dist/kits.scss +24 -19
  55. package/dist/language-selector.scss +211 -361
  56. package/dist/last-x-orders.scss +95 -174
  57. package/dist/layouter-item.scss +75 -103
  58. package/dist/layouter-pro-item.scss +89 -95
  59. package/dist/layouter-pro.scss +87 -92
  60. package/dist/layouter.scss +383 -445
  61. package/dist/light-box-v2.scss +89 -104
  62. package/dist/login.scss +287 -566
  63. package/dist/map.scss +1212 -1359
  64. package/dist/marchandiserSets.scss +95 -104
  65. package/dist/mega-menu-container.scss +96 -109
  66. package/dist/mega-menu.scss +624 -731
  67. package/dist/menu-item.scss +2 -2
  68. package/dist/menu-v2.scss +507 -619
  69. package/dist/multi-select-dropdown.scss +27 -3
  70. package/dist/my-templates.scss +38 -9
  71. package/dist/option-bar.scss +215 -375
  72. package/dist/order-status.scss +1790 -2187
  73. package/dist/overflow-module.scss +6 -7
  74. package/dist/past-orders.scss +118 -149
  75. package/dist/payment-methods.scss +46 -30
  76. package/dist/pickup-locations.scss +558 -1118
  77. package/dist/position-module.scss +20 -17
  78. package/dist/prefix-list.scss +21 -10
  79. package/dist/product-actions.scss +1750 -2055
  80. package/dist/product-basic-elements.scss +108 -169
  81. package/dist/product-highlights.scss +303 -348
  82. package/dist/product-image-allocation.scss +1477 -1477
  83. package/dist/product-image-bundles.scss +337 -642
  84. package/dist/product-inventory.scss +673 -1357
  85. package/dist/product-labels.scss +84 -105
  86. package/dist/product-options.scss +1287 -1444
  87. package/dist/product-price.scss +1283 -2561
  88. package/dist/product-promotions.scss +1388 -2830
  89. package/dist/product-sizechart.scss +516 -905
  90. package/dist/product.scss +28 -61
  91. package/dist/productDetails.scss +19 -39
  92. package/dist/profile.scss +207 -447
  93. package/dist/quantity-selector.scss +837 -1074
  94. package/dist/quick-inventory-check.scss +95 -174
  95. package/dist/quick-links.scss +55 -133
  96. package/dist/quick-order-pad.scss +218 -271
  97. package/dist/quota-details.scss +152 -282
  98. package/dist/quotes.scss +814 -847
  99. package/dist/repeater-embla-controls.scss +35 -15
  100. package/dist/repeater-grid-toggle.scss +156 -166
  101. package/dist/repeater-item.scss +41 -64
  102. package/dist/repeater.scss +671 -814
  103. package/dist/request-for-quotes.scss +66 -16
  104. package/dist/responsive-behaviour.scss +3 -1
  105. package/dist/rfqs.scss +118 -181
  106. package/dist/scroll.scss +93 -172
  107. package/dist/search-results-heading.scss +309 -309
  108. package/dist/search.scss +179 -326
  109. package/dist/section.scss +27 -51
  110. package/dist/shipping-payments.scss +198 -58
  111. package/dist/simple-list.scss +74 -164
  112. package/dist/social.scss +80 -145
  113. package/dist/sort.scss +168 -176
  114. package/dist/stack.scss +23 -34
  115. package/dist/static-global.scss +44 -26
  116. package/dist/stockStatus.scss +11 -19
  117. package/dist/store-locations.scss +577 -1105
  118. package/dist/tab-container.scss +81 -108
  119. package/dist/table-common.scss +217 -408
  120. package/dist/table.scss +271 -502
  121. package/dist/text-temp.scss +8 -7
  122. package/dist/theme-classes.scss +17 -13
  123. package/dist/uom-selector.scss +489 -949
  124. package/dist/user-elements.scss +2588 -2896
  125. package/dist/variant-picker.scss +1281 -2555
  126. package/dist/volume-pricing.scss +541 -1037
  127. package/dist/widget.scss +153 -153
  128. package/package.json +1 -1
package/dist/quick-inventory-check.scss CHANGED
@@ -11,22 +11,12 @@
11
11
  // width: var(--_ctm-lt-wh, var(--_tst-lt-wh));
12
12
  // width: 50%;
13
13
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
14
- width: var(
15
- --_sf-el-wh-st-mx,
16
- calc(
17
- 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
18
- )
19
- );
14
+ width: var(--_sf-el-wh-st-mx,
15
+ calc(1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))));
20
16
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
21
17
  aspect-ratio: 1 / var(--_sf-aspect-ratio);
22
18
 
23
- --_aspect-ratio: calc(
24
- 1 *
25
- (
26
- var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
27
- var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
28
- )
29
- );
19
+ --_aspect-ratio: calc(1 * (var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) / var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))));
30
20
  // height: clamp(var(--_ctm-lt-ht, 50px), 100px, auto) !important;
31
21
  // height: var(--_ctm-lt-ht);
32
22
  // height: ;
@@ -41,53 +31,37 @@
41
31
  // width: var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))));
42
32
  // }
43
33
 
44
- & > .wrapper {
34
+ &>.wrapper {
45
35
  width: 100%;
46
36
  height: 100%;
47
37
  }
38
+
48
39
  &[data-show-shadow="false"] {
49
40
  --_show-shadow: none;
50
41
  }
51
42
 
52
43
  .QuickInventoryCheck__details__element {
53
- background-color: var(
54
- --_ctm-mob-dn-wt-se-bd-cr,
55
- var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr))
56
- );
44
+ background-color: var(--_ctm-mob-dn-wt-se-bd-cr,
45
+ var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr)));
57
46
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
58
47
  display: flex;
59
48
  flex-direction: column;
60
- --_sf-gp: var(
61
- --_ctm-mob-lt-im-sg,
62
- var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px))
63
- );
49
+ --_sf-gp: var(--_ctm-mob-lt-im-sg,
50
+ var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, var(--_ctm-lt-im-sg), 16px)));
64
51
  --_sf-cd-gp: calc(var(--_sf-gp) * 0.5);
65
52
  row-gap: var(--_sf-gp);
66
53
  width: 100%;
67
54
  height: 100%;
68
- border-color: var(
69
- --_ctm-mob-dn-wt-se-br-cr,
70
- var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr))
71
- );
72
- border-style: var(
73
- --_ctm-mob-dn-wt-se-br-se,
74
- var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se))
75
- );
76
- border-width: var(
77
- --_ctm-mob-dn-wt-se-br-wh,
78
- var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh))
79
- );
80
- border-radius: var(
81
- --_ctm-mob-dn-wt-se-br-rs,
82
- var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs))
83
- );
84
- box-shadow: var(
85
- --_show-shadow,
86
- var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae)))
87
- var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br)))
88
- var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd)))
89
- var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
90
- );
55
+ border-color: var(--_ctm-mob-dn-wt-se-br-cr,
56
+ var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr)));
57
+ border-style: var(--_ctm-mob-dn-wt-se-br-se,
58
+ var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se)));
59
+ border-width: var(--_ctm-mob-dn-wt-se-br-wh,
60
+ var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh)));
61
+ border-radius: var(--_ctm-mob-dn-wt-se-br-rs,
62
+ var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs)));
63
+ box-shadow: var(--_show-shadow,
64
+ var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae))) var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br))) var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd))) var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr))));
91
65
 
92
66
  .product__hilights {
93
67
  display: flex;
@@ -101,27 +75,26 @@
101
75
  &[data-show-dividers="true"] {
102
76
  .product__list__item {
103
77
  position: relative;
78
+
104
79
  // The divider is a pseudo-element and takes no space of its own, so a thick
105
80
  // one grew back over the item beside it — see dividerGapReserve in functions.scss.
106
81
  &:not(:last-child) {
107
82
  @include dividerGapReserve(--_ctm-dn-dr-dr-wh, right);
108
83
  }
84
+
109
85
  &:not(:last-child)::after {
110
86
  content: "";
111
- width: var(
112
- --_ctm-mob-dn-dr-dr-wh,
113
- var(--_ctm-tab-dn-dr-dr-wh, var(--_ctm-dn-dr-dr-wh))
114
- );
87
+ width: var(--_ctm-mob-dn-dr-dr-wh,
88
+ var(--_ctm-tab-dn-dr-dr-wh, var(--_ctm-dn-dr-dr-wh)));
115
89
  height: 100%;
116
90
  position: absolute;
117
91
  right: dividerGapOffset(--_ctm-lt-im-sg, --_ctm-dn-dr-dr-wh);
118
- background-color: var(
119
- --_ctm-mob-dn-dr-dr-cr,
120
- var(--_ctm-tab-dn-dr-dr-cr, var(--_ctm-dn-dr-dr-cr))
121
- );
92
+ background-color: var(--_ctm-mob-dn-dr-dr-cr,
93
+ var(--_ctm-tab-dn-dr-dr-cr, var(--_ctm-dn-dr-dr-cr)));
122
94
  }
123
95
  }
124
96
  }
97
+
125
98
  .product__list__item {
126
99
  display: flex;
127
100
  align-items: center;
@@ -131,148 +104,96 @@
131
104
  display: flex;
132
105
  }
133
106
  }
107
+
134
108
  .quota__left {
135
109
  .count {
136
110
  // padding-inline: var(--_sf-cd-gp);
137
- color: var(
138
- --_ctm-mob-dn-qa-lt-cr,
139
- var(--_ctm-tab-dn-qa-lt-cr, var(--_ctm-dn-qa-lt-cr))
140
- );
141
- font-family: var(
142
- --_ctm-mob-dn-qa-lt-ft-fy,
143
- var(--_ctm-tab-dn-qa-lt-ft-fy, var(--_ctm-dn-qa-lt-ft-fy))
144
- );
145
- text-transform: var(
146
- --_ctm-mob-dn-qa-lt-tt-tm,
147
- var(--_ctm-tab-dn-qa-lt-tt-tm, var(--_ctm-dn-qa-lt-tt-tm))
148
- );
149
- word-wrap: var(
150
- --_ctm-mob-dn-qa-lt-wd-wp,
151
- var(--_ctm-tab-dn-qa-lt-wd-wp, var(--_ctm-dn-qa-lt-wd-wp))
152
- );
153
- word-break: var(
154
- --_ctm-mob-dn-qa-lt-wd-bk,
155
- var(--_ctm-tab-dn-qa-lt-wd-bk, var(--_ctm-dn-qa-lt-wd-bk))
156
- );
157
- font-size: var(
158
- --_ctm-mob-dn-qa-lt-ft-se,
159
- var(--_ctm-tab-dn-qa-lt-ft-se, var(--_ctm-dn-qa-lt-ft-se))
160
- );
161
- font-weight: var(
162
- --_ctm-mob-dn-qa-lt-ft-wt,
163
- var(--_ctm-tab-dn-qa-lt-ft-wt, var(--_ctm-dn-qa-lt-ft-wt))
164
- );
165
- font-style: var(
166
- --_ctm-mob-dn-qa-lt-ft-se-ic,
167
- var(--_ctm-tab-dn-qa-lt-ft-se-ic, var(--_ctm-dn-qa-lt-ft-se-ic))
168
- );
169
- text-align: var(
170
- --_ctm-mob-dn-qa-lt-tt-an,
171
- var(--_ctm-tab-dn-qa-lt-tt-an, var(--_ctm-dn-qa-lt-tt-an))
172
- );
173
- letter-spacing: var(
174
- --_ctm-mob-dn-qa-lt-lr-sg,
175
- var(--_ctm-tab-dn-qa-lt-lr-sg, var(--_ctm-dn-qa-lt-lr-sg))
176
- );
177
- line-height: var(
178
- --_ctm-mob-dn-qa-lt-le-ht,
179
- var(--_ctm-tab-dn-qa-lt-le-ht, var(--_ctm-dn-qa-lt-le-ht-dc))
180
- );
181
- text-decoration: var(
182
- --_ctm-mob-dn-qa-lt-ue,
183
- var(--_ctm-tab-dn-qa-lt-ue, var(--_ctm-dn-qa-lt-ue))
184
- );
111
+ color: var(--_ctm-mob-dn-qa-lt-cr,
112
+ var(--_ctm-tab-dn-qa-lt-cr, var(--_ctm-dn-qa-lt-cr)));
113
+ font-family: var(--_ctm-mob-dn-qa-lt-ft-fy,
114
+ var(--_ctm-tab-dn-qa-lt-ft-fy, var(--_ctm-dn-qa-lt-ft-fy)));
115
+ text-transform: var(--_ctm-mob-dn-qa-lt-tt-tm,
116
+ var(--_ctm-tab-dn-qa-lt-tt-tm, var(--_ctm-dn-qa-lt-tt-tm)));
117
+ word-wrap: var(--_ctm-mob-dn-qa-lt-wd-wp,
118
+ var(--_ctm-tab-dn-qa-lt-wd-wp, var(--_ctm-dn-qa-lt-wd-wp)));
119
+ word-break: var(--_ctm-mob-dn-qa-lt-wd-bk,
120
+ var(--_ctm-tab-dn-qa-lt-wd-bk, var(--_ctm-dn-qa-lt-wd-bk)));
121
+ font-size: var(--_ctm-mob-dn-qa-lt-ft-se,
122
+ var(--_ctm-tab-dn-qa-lt-ft-se, var(--_ctm-dn-qa-lt-ft-se)));
123
+ font-weight: var(--_ctm-mob-dn-qa-lt-ft-wt,
124
+ var(--_ctm-tab-dn-qa-lt-ft-wt, var(--_ctm-dn-qa-lt-ft-wt)));
125
+ font-style: var(--_ctm-mob-dn-qa-lt-ft-se-ic,
126
+ var(--_ctm-tab-dn-qa-lt-ft-se-ic, var(--_ctm-dn-qa-lt-ft-se-ic)));
127
+ text-align: var(--_ctm-mob-dn-qa-lt-tt-an,
128
+ var(--_ctm-tab-dn-qa-lt-tt-an, var(--_ctm-dn-qa-lt-tt-an)));
129
+ letter-spacing: var(--_ctm-mob-dn-qa-lt-lr-sg,
130
+ var(--_ctm-tab-dn-qa-lt-lr-sg, var(--_ctm-dn-qa-lt-lr-sg)));
131
+ line-height: var(--_ctm-mob-dn-qa-lt-le-ht,
132
+ var(--_ctm-tab-dn-qa-lt-le-ht, var(--_ctm-dn-qa-lt-le-ht-dc)));
133
+ text-decoration: var(--_ctm-mob-dn-qa-lt-ue,
134
+ var(--_ctm-tab-dn-qa-lt-ue, var(--_ctm-dn-qa-lt-ue)));
185
135
  }
136
+
186
137
  .icon {
187
138
  display: var(--_sf-show-icon-ff, flex);
139
+
188
140
  svg {
189
- width: var(
190
- --_ctm-mab-dn-qa-lt-in-se,
191
- var(--_ctm-tab-dn-qa-lt-in-se, var(--_ctm-dn-qa-lt-in-se))
192
- );
193
- height: var(
194
- --_ctm-mob-dn-qa-lt-in-se,
195
- var(--_ctm-tab-dn-qa-lt-in-se, var(--_ctm-dn-qa-lt-in-se))
196
- );
141
+ width: var(--_ctm-mab-dn-qa-lt-in-se,
142
+ var(--_ctm-tab-dn-qa-lt-in-se, var(--_ctm-dn-qa-lt-in-se)));
143
+ height: var(--_ctm-mob-dn-qa-lt-in-se,
144
+ var(--_ctm-tab-dn-qa-lt-in-se, var(--_ctm-dn-qa-lt-in-se)));
145
+
197
146
  path {
198
- stroke: var(
199
- --_ctm-mob-dn-qa-lt-in-c1,
200
- var(--_ctm-tab-dn-qa-lt-in-c1, var(--_ctm-dn-qa-lt-in-c1))
201
- );
147
+ stroke: var(--_ctm-mob-dn-qa-lt-in-c1,
148
+ var(--_ctm-tab-dn-qa-lt-in-c1, var(--_ctm-dn-qa-lt-in-c1)));
202
149
  // Overrides the stroke-width presentation attribute baked into the icon markup.
203
150
  stroke-width: prepareMediaVariable(--_ctm-dn-qa-lt-se-wh, 1.25);
204
151
  }
205
152
  }
206
153
  }
207
154
  }
155
+
208
156
  .days__left {
209
157
  .count {
210
158
  // padding-inline: var(--_sf-cd-gp);
211
- color: var(
212
- --_ctm-mob-dn-ds-lt-cr,
213
- var(--_ctm-tab-dn-ds-lt-cr, var(--_ctm-dn-ds-lt-cr))
214
- );
215
- font-family: var(
216
- --_ctm-mob-dn-ds-lt-ft-fy,
217
- var(--_ctm-tab-dn-ds-lt-ft-fy, var(--_ctm-dn-ds-lt-ft-fy))
218
- );
219
- text-transform: var(
220
- --_ctm-mob-dn-ds-lt-tt-tm,
221
- var(--_ctm-tab-dn-ds-lt-tt-tm, var(--_ctm-dn-ds-lt-tt-tm))
222
- );
223
- word-wrap: var(
224
- --_ctm-mob-dn-ds-lt-wd-wp,
225
- var(--_ctm-tab-dn-ds-lt-wd-wp, var(--_ctm-dn-ds-lt-wd-wp))
226
- );
227
- word-break: var(
228
- --_ctm-mob-dn-ds-lt-wd-bk,
229
- var(--_ctm-tab-dn-ds-lt-wd-bk, var(--_ctm-dn-ds-lt-wd-bk))
230
- );
231
- font-size: var(
232
- --_ctm-mob-dn-ds-lt-ft-se,
233
- var(--_ctm-tab-dn-ds-lt-ft-se, var(--_ctm-dn-ds-lt-ft-se))
234
- );
235
- font-weight: var(
236
- --_ctm-mob-dn-ds-lt-ft-wt,
237
- var(--_ctm-tab-dn-ds-lt-ft-wt, var(--_ctm-dn-ds-lt-ft-wt))
238
- );
239
- font-style: var(
240
- --_ctm-mob-dn-ds-lt-ft-se-ic,
241
- var(--_ctm-tab-dn-ds-lt-ft-se-ic, var(--_ctm-dn-ds-lt-ft-se-ic))
242
- );
243
- text-align: var(
244
- --_ctm-mob-dn-ds-lt-tt-an,
245
- var(--_ctm-tab-dn-ds-lt-tt-an, var(--_ctm-dn-ds-lt-tt-an))
246
- );
247
- letter-spacing: var(
248
- --_ctm-mob-dn-ds-lt-lr-sg,
249
- var(--_ctm-tab-dn-ds-lt-lr-sg, var(--_ctm-dn-ds-lt-lr-sg))
250
- );
251
- line-height: var(
252
- --_ctm-mob-dn-ds-lt-le-ht,
253
- var(--_ctm-tab-dn-ds-lt-le-ht, var(--_ctm-dn-ds-lt-le-ht-dc))
254
- );
255
- text-decoration: var(
256
- --_ctm-mob-dn-ds-lt-ue,
257
- var(--_ctm-tab-dn-ds-lt-ue, var(--_ctm-dn-ds-lt-ue))
258
- );
159
+ color: var(--_ctm-mob-dn-ds-lt-cr,
160
+ var(--_ctm-tab-dn-ds-lt-cr, var(--_ctm-dn-ds-lt-cr)));
161
+ font-family: var(--_ctm-mob-dn-ds-lt-ft-fy,
162
+ var(--_ctm-tab-dn-ds-lt-ft-fy, var(--_ctm-dn-ds-lt-ft-fy)));
163
+ text-transform: var(--_ctm-mob-dn-ds-lt-tt-tm,
164
+ var(--_ctm-tab-dn-ds-lt-tt-tm, var(--_ctm-dn-ds-lt-tt-tm)));
165
+ word-wrap: var(--_ctm-mob-dn-ds-lt-wd-wp,
166
+ var(--_ctm-tab-dn-ds-lt-wd-wp, var(--_ctm-dn-ds-lt-wd-wp)));
167
+ word-break: var(--_ctm-mob-dn-ds-lt-wd-bk,
168
+ var(--_ctm-tab-dn-ds-lt-wd-bk, var(--_ctm-dn-ds-lt-wd-bk)));
169
+ font-size: var(--_ctm-mob-dn-ds-lt-ft-se,
170
+ var(--_ctm-tab-dn-ds-lt-ft-se, var(--_ctm-dn-ds-lt-ft-se)));
171
+ font-weight: var(--_ctm-mob-dn-ds-lt-ft-wt,
172
+ var(--_ctm-tab-dn-ds-lt-ft-wt, var(--_ctm-dn-ds-lt-ft-wt)));
173
+ font-style: var(--_ctm-mob-dn-ds-lt-ft-se-ic,
174
+ var(--_ctm-tab-dn-ds-lt-ft-se-ic, var(--_ctm-dn-ds-lt-ft-se-ic)));
175
+ text-align: var(--_ctm-mob-dn-ds-lt-tt-an,
176
+ var(--_ctm-tab-dn-ds-lt-tt-an, var(--_ctm-dn-ds-lt-tt-an)));
177
+ letter-spacing: var(--_ctm-mob-dn-ds-lt-lr-sg,
178
+ var(--_ctm-tab-dn-ds-lt-lr-sg, var(--_ctm-dn-ds-lt-lr-sg)));
179
+ line-height: var(--_ctm-mob-dn-ds-lt-le-ht,
180
+ var(--_ctm-tab-dn-ds-lt-le-ht, var(--_ctm-dn-ds-lt-le-ht-dc)));
181
+ text-decoration: var(--_ctm-mob-dn-ds-lt-ue,
182
+ var(--_ctm-tab-dn-ds-lt-ue, var(--_ctm-dn-ds-lt-ue)));
259
183
  }
184
+
260
185
  .icon {
261
186
  display: var(--_sf-show-icon-ff, flex);
187
+
262
188
  svg {
263
- width: var(
264
- --_ctm-mab-dn-ds-lt-in-se,
265
- var(--_ctm-tab-dn-ds-lt-in-se, var(--_ctm-dn-ds-lt-in-se))
266
- );
267
- height: var(
268
- --_ctm-mob-dn-ds-lt-in-se,
269
- var(--_ctm-tab-dn-ds-lt-in-se, var(--_ctm-dn-ds-lt-in-se))
270
- );
189
+ width: var(--_ctm-mab-dn-ds-lt-in-se,
190
+ var(--_ctm-tab-dn-ds-lt-in-se, var(--_ctm-dn-ds-lt-in-se)));
191
+ height: var(--_ctm-mob-dn-ds-lt-in-se,
192
+ var(--_ctm-tab-dn-ds-lt-in-se, var(--_ctm-dn-ds-lt-in-se)));
193
+
271
194
  path {
272
- stroke: var(
273
- --_ctm-mob-dn-ds-lt-in-c1,
274
- var(--_ctm-tab-dn-ds-lt-in-c1, var(--_ctm-dn-ds-lt-in-c1))
275
- );
195
+ stroke: var(--_ctm-mob-dn-ds-lt-in-c1,
196
+ var(--_ctm-tab-dn-ds-lt-in-c1, var(--_ctm-dn-ds-lt-in-c1)));
276
197
  // Overrides the stroke-width presentation attribute baked into the icon markup.
277
198
  stroke-width: prepareMediaVariable(--_ctm-dn-ds-lt-se-wh, 1.25);
278
199
  }
@@ -282,4 +203,4 @@
282
203
  }
283
204
  }
284
205
  }
285
- }
206
+ }
package/dist/quick-links.scss CHANGED
@@ -5,27 +5,14 @@
5
5
  [data-div-type="element"] {
6
6
  &[data-element-type="quickLinks"] {
7
7
  // width: var(--_sf-nw-wh, var(--_tst-lt-wh));
8
- width: var(
9
- --_sf-el-wh-st-mx,
10
- calc(
11
- 1% *
12
- var(
13
- --_ctm-mob-ele-nw-wh-vl,
14
- var(--_ctm-tab-ele-nw-wh-vl, var(var(--_ctm-ele-nw-wh-vl), var(--_sf-nw-wh)))
15
- )
16
- )
17
- );
8
+ width: var(--_sf-el-wh-st-mx,
9
+ calc(1% * var(--_ctm-mob-ele-nw-wh-vl,
10
+ var(--_ctm-tab-ele-nw-wh-vl, var(var(--_ctm-ele-nw-wh-vl), var(--_sf-nw-wh))))));
18
11
  margin: var(--_ctm-mob-lt-mn, var(var(--_ctm-tab-lt-mn), var(--_ctm-lt-mn)));
19
12
  // aspect-ratio: 1 / var(--_sf-aspect-ratio);
20
- --_aspect-ratio: calc(
21
- 1 *
22
- (
23
- var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) /
24
- var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))
25
- )
26
- );
27
-
28
- & > .wrapper {
13
+ --_aspect-ratio: calc(1 * (var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) / var(--_ctm-mob-lt-wh, var(--_ctm-tab-lt-wh, var(--_ctm-lt-wh)))));
14
+
15
+ &>.wrapper {
29
16
  width: 100%;
30
17
  // height: 100%;
31
18
  }
@@ -67,14 +54,9 @@
67
54
  // }
68
55
 
69
56
  &[data-items-default-border="true"] {
57
+
70
58
  .quick__links__container .items__container .links__item,
71
- .quick__links__container
72
- .items__container
73
- .dropdown__container
74
- .est__dropdown__main
75
- .est__dropdown
76
- .list
77
- .list__option {
59
+ .quick__links__container .items__container .dropdown__container .est__dropdown__main .est__dropdown .list .list__option {
78
60
  border-width: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-wh);
79
61
  border-color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-cr);
80
62
  border-style: prepareMediaVariable(--_ctm-dn-im-se-dt-se-br-se);
@@ -82,14 +64,9 @@
82
64
  }
83
65
 
84
66
  &[data-items-hover-border="true"] {
67
+
85
68
  .quick__links__container .items__container .links__item:hover,
86
- .quick__links__container
87
- .items__container
88
- .dropdown__container
89
- .est__dropdown__main
90
- .est__dropdown
91
- .list
92
- .list__option:hover {
69
+ .quick__links__container .items__container .dropdown__container .est__dropdown__main .est__dropdown .list .list__option:hover {
93
70
  border-width: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-wh);
94
71
  border-color: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-cr);
95
72
  border-style: prepareMediaVariable(--_ctm-dn-im-se-hr-se-br-se);
@@ -97,39 +74,24 @@
97
74
  }
98
75
 
99
76
  &[data-items-default-shadow="true"] {
77
+
100
78
  .quick__links__container .items__container .links__item,
101
- .quick__links__container
102
- .items__container
103
- .dropdown__container
104
- .est__dropdown__main
105
- .est__dropdown
106
- .list
107
- .list__option {
108
- box-shadow: prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-ae)
109
- prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-br)
110
- prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-sd)
111
- prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-cr);
79
+ .quick__links__container .items__container .dropdown__container .est__dropdown__main .est__dropdown .list .list__option {
80
+ box-shadow: prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-ae) prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-br) prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-sd) prepareMediaVariable(--_ctm-dn-im-se-dt-se-sw-cr);
112
81
  }
113
82
  }
114
83
 
115
84
  &[data-items-hover-shadow="true"] {
85
+
116
86
  .quick__links__container .items__container .links__item:hover,
117
- .quick__links__container
118
- .items__container
119
- .dropdown__container
120
- .est__dropdown__main
121
- .est__dropdown
122
- .list
123
- .list__option:hover {
124
- box-shadow: prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-ae)
125
- prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-br)
126
- prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-sd)
127
- prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-cr);
87
+ .quick__links__container .items__container .dropdown__container .est__dropdown__main .est__dropdown .list .list__option:hover {
88
+ box-shadow: prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-ae) prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-br) prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-sd) prepareMediaVariable(--_ctm-dn-im-se-hr-se-sw-cr);
128
89
  }
129
90
  }
130
91
 
131
92
  &[data-items-alignment="left"] {
132
93
  .quick__links__container {
94
+
133
95
  .items__container,
134
96
  .items__container .dropdown__container .est__dropdown__main .est__dropdown {
135
97
  justify-content: flex-start;
@@ -146,6 +108,7 @@
146
108
 
147
109
  &[data-items-alignment="center"] {
148
110
  .quick__links__container {
111
+
149
112
  .items__container,
150
113
  .items__container .dropdown__container .est__dropdown__main .est__dropdown {
151
114
  justify-content: center;
@@ -162,6 +125,7 @@
162
125
 
163
126
  &[data-items-alignment="right"] {
164
127
  .quick__links__container {
128
+
165
129
  .items__container,
166
130
  .items__container .dropdown__container .est__dropdown__main .est__dropdown {
167
131
  justify-content: flex-end;
@@ -260,10 +224,7 @@
260
224
  border-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-cr);
261
225
  border-style: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-se);
262
226
  border-radius: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-rs);
263
- box-shadow: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-ae)
264
- prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-br)
265
- prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-sd)
266
- prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-cr);
227
+ box-shadow: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-ae) prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-br) prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-sd) prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-cr);
267
228
  // border-color: var(
268
229
  // --_ctm-mob-dn-qk-ls-wt-dn-br-cr,
269
230
  // var(--_ctm-tab-dn-qk-ls-wt-dn-br-cr, var(--_ctm-dn-qk-ls-wt-dn-br-cr))
@@ -285,20 +246,14 @@
285
246
 
286
247
  &[data-content-border="true"] {
287
248
  .header__container {
288
- border-color: var(
289
- --_ctm-mob-dn-qk-ls-tt-cr-dn-br-cr,
290
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-br-cr))
291
- );
292
-
293
- border-style: var(
294
- --_ctm-mob-dn-qk-ls-tt-cr-dn-br-se,
295
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-se, var(--_ctm-dn-qk-ls-tt-cr-dn-br-se))
296
- );
297
-
298
- border-width: var(
299
- --_ctm-mob-dn-qk-ls-tt-cr-dn-br-wh,
300
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-wh, var(--_ctm-dn-qk-ls-tt-cr-dn-br-wh))
301
- );
249
+ border-color: var(--_ctm-mob-dn-qk-ls-tt-cr-dn-br-cr,
250
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-br-cr)));
251
+
252
+ border-style: var(--_ctm-mob-dn-qk-ls-tt-cr-dn-br-se,
253
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-se, var(--_ctm-dn-qk-ls-tt-cr-dn-br-se)));
254
+
255
+ border-width: var(--_ctm-mob-dn-qk-ls-tt-cr-dn-br-wh,
256
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-wh, var(--_ctm-dn-qk-ls-tt-cr-dn-br-wh)));
302
257
  }
303
258
  }
304
259
 
@@ -319,10 +274,8 @@
319
274
  }
320
275
 
321
276
  .quick__links__container {
322
- gap: var(
323
- --_ctm-mob-dn-qk-ls-wt-lt-wt-tt-ad-im-sg,
324
- 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))
325
- );
277
+ gap: var(--_ctm-mob-dn-qk-ls-wt-lt-wt-tt-ad-im-sg,
278
+ 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)));
326
279
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
327
280
  // background-color: var(
328
281
  // --_ctm-mob-dn-qk-ls-wt-dn-bd-cr,
@@ -359,55 +312,28 @@
359
312
  background-color: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-bd-cr);
360
313
 
361
314
  border-radius: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-br-rs);
362
- box-shadow: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-ae)
363
- prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-br)
364
- prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-sd)
365
- prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-cr);
315
+ box-shadow: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-ae) prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-br) prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-sd) prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-sw-cr);
366
316
 
367
317
  .header__container {
368
318
  display: flex;
369
319
  flex-direction: column;
370
- padding: var(
371
- --_ctm-mob-dn-qk-ls-tt-lt-tt-vl-pg,
372
- var(--_ctm-tab-dn-qk-ls-tt-lt-tt-vl-pg, var(--_ctm-dn-qk-ls-tt-lt-tt-vl-pg))
373
- )
374
- var(
375
- --_ctm-mob-dn-qk-ls-tt-lt-tt-hl-pg,
376
- var(--_ctm-tab-dn-qk-ls-tt-lt-tt-hl-pg, var(--_ctm-dn-qk-ls-tt-lt-tt-hl-pg))
377
- );
378
- gap: var(
379
- --_ctm-mob-dn-qk-ls-tt-lt-te-ad-dn-sg,
380
- var(--_ctm-tab-dn-qk-ls-tt-lt-te-ad-dn-sg, var(--_ctm-dn-qk-ls-tt-lt-te-ad-dn-sg))
381
- );
320
+ padding: var(--_ctm-mob-dn-qk-ls-tt-lt-tt-vl-pg,
321
+ var(--_ctm-tab-dn-qk-ls-tt-lt-tt-vl-pg, var(--_ctm-dn-qk-ls-tt-lt-tt-vl-pg))) var(--_ctm-mob-dn-qk-ls-tt-lt-tt-hl-pg,
322
+ var(--_ctm-tab-dn-qk-ls-tt-lt-tt-hl-pg, var(--_ctm-dn-qk-ls-tt-lt-tt-hl-pg)));
323
+ gap: var(--_ctm-mob-dn-qk-ls-tt-lt-te-ad-dn-sg,
324
+ var(--_ctm-tab-dn-qk-ls-tt-lt-te-ad-dn-sg, var(--_ctm-dn-qk-ls-tt-lt-te-ad-dn-sg)));
382
325
 
383
326
  background-color: var(--_ctm-dn-qk-ls-tt-cr-dn-bd-cr, var(--_tst-dn-qk-ls-tt-cr-dn-bd-cr));
384
- background-color: var(
385
- --_ctm-mob-dn-qk-ls-tt-cr-dn-bd-cr,
386
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-bd-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-bd-cr))
387
- );
388
- border-radius: var(
389
- --_ctm-mob-dn-qk-ls-tt-cr-dn-br-rs,
390
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-rs, var(--_ctm-dn-qk-ls-tt-cr-dn-br-rs))
391
- );
392
- box-shadow: var(
393
- --_show-text-content-shadow,
394
- var(
395
- --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-ae,
396
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-ae, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-ae))
397
- )
398
- var(
399
- --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-br,
400
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-br, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-br))
401
- )
402
- var(
403
- --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-sd,
404
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-sd, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-sd))
405
- )
406
- var(
407
- --_ctm-mob-dn-qk-ls-tt-cr-dn-sw-cr,
408
- var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-cr))
409
- )
410
- );
327
+ background-color: var(--_ctm-mob-dn-qk-ls-tt-cr-dn-bd-cr,
328
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-bd-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-bd-cr)));
329
+ border-radius: var(--_ctm-mob-dn-qk-ls-tt-cr-dn-br-rs,
330
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-br-rs, var(--_ctm-dn-qk-ls-tt-cr-dn-br-rs)));
331
+ box-shadow: var(--_show-text-content-shadow,
332
+ var(--_ctm-mob-dn-qk-ls-tt-cr-dn-sw-ae,
333
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-ae, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-ae))) var(--_ctm-mob-dn-qk-ls-tt-cr-dn-sw-br,
334
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-br, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-br))) var(--_ctm-mob-dn-qk-ls-tt-cr-dn-sw-sd,
335
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-sd, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-sd))) var(--_ctm-mob-dn-qk-ls-tt-cr-dn-sw-cr,
336
+ var(--_ctm-tab-dn-qk-ls-tt-cr-dn-sw-cr, var(--_ctm-dn-qk-ls-tt-cr-dn-sw-cr))));
411
337
 
412
338
  h3 {
413
339
  font-family: prepareMediaVariable(--_ctm-dn-qk-ls-wt-dn-ft-fy);
@@ -530,10 +456,12 @@
530
456
  text-transform: prepareMediaVariable(--_ctm-dn-im-se-dt-se-tt-tm);
531
457
  word-wrap: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-wp);
532
458
  word-break: prepareMediaVariable(--_ctm-dn-im-se-dt-se-wd-bk);
459
+
533
460
  &.flex__overflow {
534
461
  white-space: normal;
535
462
  @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
536
463
  }
464
+
537
465
  font-size: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-se);
538
466
  color: prepareMediaVariable(--_ctm-dn-im-se-dt-se-cr);
539
467
  font-weight: prepareMediaVariable(--_ctm-dn-im-se-dt-se-ft-wt);
@@ -583,10 +511,8 @@
583
511
  }
584
512
 
585
513
  .est__dropdown .list {
586
- gap: var(
587
- --_ctm-mob-lt-dn-gp-bn-is,
588
- var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is))
589
- );
514
+ gap: var(--_ctm-mob-lt-dn-gp-bn-is,
515
+ var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is)));
590
516
  }
591
517
 
592
518
  .items__container {
@@ -603,14 +529,10 @@
603
529
  }
604
530
 
605
531
  .list {
606
- width: var(
607
- --_ctm-mob-lt-dn-wh,
608
- var(--_ctm-tab-dn-wh, var(--_ctm-lt-dn-wh))
609
- ) !important;
610
- gap: var(
611
- --_ctm-mob-lt-dn-gp-bn-is,
612
- var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is))
613
- );
532
+ width: var(--_ctm-mob-lt-dn-wh,
533
+ var(--_ctm-tab-dn-wh, var(--_ctm-lt-dn-wh))) !important;
534
+ gap: var(--_ctm-mob-lt-dn-gp-bn-is,
535
+ var(--_ctm-tab-lt-dn-gp-bn-is, var(--_ctm-lt-dn-gp-bn-is)));
614
536
  justify-content: flex-start;
615
537
  align-items: flex-start;
616
538
  height: auto;
@@ -624,4 +546,4 @@
624
546
  }
625
547
  }
626
548
  }
627
- }
549
+ }