@sc-360-v2/storefront-cms-library 0.5.58 → 0.5.60

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 (211) hide show
  1. package/dist/add-existing-form.scss +13 -5
  2. package/dist/add-order.scss +141 -210
  3. package/dist/add-products-tab-details.scss +1121 -1920
  4. package/dist/add-products-tab-uom-details.scss +105 -0
  5. package/dist/add-products-tab.scss +682 -994
  6. package/dist/allocation-header-quota-details.scss +198 -327
  7. package/dist/allocationDetails.scss +1645 -2022
  8. package/dist/allocations-quota-details.scss +168 -261
  9. package/dist/allocations.scss +504 -715
  10. package/dist/amount-estimator.scss +414 -648
  11. package/dist/animation-control.scss +23 -23
  12. package/dist/badge.scss +55 -18
  13. package/dist/brand-basic-elements.scss +93 -124
  14. package/dist/brand.scss +28 -55
  15. package/dist/breadcrumbs.scss +372 -718
  16. package/dist/builder.js +1 -1
  17. package/dist/bulk-variant-picker.scss +1161 -1816
  18. package/dist/bundle copy.scss +235 -0
  19. package/dist/bundle.scss +2142 -2584
  20. package/dist/bundleDetails.scss +3808 -4802
  21. package/dist/button copy.scss +28 -0
  22. package/dist/button.scss +89 -102
  23. package/dist/buy-for-tab-container.scss +77 -106
  24. package/dist/buy-for-tab.scss +54 -0
  25. package/dist/buy-for-tabs-container-item.scss +80 -80
  26. package/dist/buyForHeaders.scss +1823 -2457
  27. package/dist/cart-details.scss +514 -718
  28. package/dist/cart-products-sidebar.scss +211 -211
  29. package/dist/cart-summary.scss +611 -1015
  30. package/dist/cart-wrapper.scss +85 -127
  31. package/dist/cart.scss +119 -211
  32. package/dist/cartAttributes.scss +377 -539
  33. package/dist/cartDropdownOverlay.scss +21 -0
  34. package/dist/cartGrouping.scss +89 -89
  35. package/dist/category-groups-element.scss +130 -96
  36. package/dist/category-groups-product-grid.scss +40 -79
  37. package/dist/category-groups-product-image.scss +457 -1306
  38. package/dist/category-groups-product-options.scss +224 -606
  39. package/dist/category-groups-product-price.scss +1366 -4199
  40. package/dist/category-groups-quota-details.scss +217 -382
  41. package/dist/category.scss +26 -50
  42. package/dist/categoryDetails.scss +61 -61
  43. package/dist/categoryWidget.scss +34 -34
  44. package/dist/checkbox-radio.scss +124 -124
  45. package/dist/checkout.scss +1915 -3309
  46. package/dist/common-element.scss +35 -35
  47. package/dist/confirm-modal.scss +22 -2
  48. package/dist/confirmationModal.scss +139 -139
  49. package/dist/container.scss +32 -54
  50. package/dist/countdown.scss +264 -371
  51. package/dist/coupon.scss +379 -600
  52. package/dist/custom-fonts.scss +100 -100
  53. package/dist/default-dropdown.scss +12 -1
  54. package/dist/embroider-preview-element.scss +94 -94
  55. package/dist/embroider-template-1-v2.scss +157 -172
  56. package/dist/embroider-template-1.scss +465 -482
  57. package/dist/embroidery.scss +37 -31
  58. package/dist/employee-bulk-order.scss +418 -142
  59. package/dist/emtpy-templates.scss +165 -165
  60. package/dist/faq.scss +239 -395
  61. package/dist/filter-results.scss +221 -323
  62. package/dist/filters.scss +843 -1406
  63. package/dist/flex-text-editor.scss +271 -271
  64. package/dist/functions.scss +36 -0
  65. package/dist/gallery-slider-temp.scss +428 -727
  66. package/dist/global-styles.scss +45 -6
  67. package/dist/grid.scss +25 -33
  68. package/dist/hotspot.scss +75 -115
  69. package/dist/icon-list.scss +33 -59
  70. package/dist/image-for-product.scss +21 -21
  71. package/dist/image-temp.scss +21 -20
  72. package/dist/item-stock.scss +15 -16
  73. package/dist/kitDetails.scss +2786 -4008
  74. package/dist/kits.scss +28 -19
  75. package/dist/language-selector.scss +241 -375
  76. package/dist/last-x-orders.scss +101 -163
  77. package/dist/layouter-item.scss +75 -103
  78. package/dist/layouter-pro-item.scss +89 -95
  79. package/dist/layouter-pro.scss +87 -92
  80. package/dist/layouter.scss +67 -117
  81. package/dist/light-box-v2.scss +89 -104
  82. package/dist/lightbox.scss +78 -78
  83. package/dist/line.scss +29 -70
  84. package/dist/loader.scss +37 -37
  85. package/dist/login.scss +316 -489
  86. package/dist/map.scss +233 -336
  87. package/dist/marchandiserSets.scss +95 -104
  88. package/dist/mega-menu-container.scss +96 -109
  89. package/dist/mega-menu.scss +627 -670
  90. package/dist/menu-item.scss +19 -19
  91. package/dist/menu-v2.scss +538 -528
  92. package/dist/menu.scss +12 -0
  93. package/dist/multi-select-dropdown.scss +27 -3
  94. package/dist/my-templates.scss +41 -9
  95. package/dist/myTemplates.scss +3 -0
  96. package/dist/option-bar.scss +229 -351
  97. package/dist/order-processing.scss +61 -61
  98. package/dist/order-status.scss +666 -1096
  99. package/dist/overflow-module.scss +62 -63
  100. package/dist/past-orders.scss +168 -149
  101. package/dist/payment-methods.scss +323 -289
  102. package/dist/pickup-locations.scss +568 -941
  103. package/dist/position-module.scss +98 -95
  104. package/dist/prefix-list.scss +97 -86
  105. package/dist/product-actions.scss +1262 -1620
  106. package/dist/product-basic-elements.scss +116 -169
  107. package/dist/product-customizations.scss +155 -149
  108. package/dist/product-highlights.scss +116 -145
  109. package/dist/product-image-allocation.scss +38 -0
  110. package/dist/product-image-bundles.scss +359 -638
  111. package/dist/product-image.scss +341 -676
  112. package/dist/product-inventory.scss +673 -1117
  113. package/dist/product-labels.scss +94 -101
  114. package/dist/product-options.scss +298 -438
  115. package/dist/product-price.scss +1325 -2182
  116. package/dist/product-promotions.scss +1388 -2374
  117. package/dist/product-sizechart.scss +523 -821
  118. package/dist/product.scss +28 -61
  119. package/dist/productDetails.scss +19 -38
  120. package/dist/profile.scss +242 -406
  121. package/dist/quantity-selector.scss +327 -502
  122. package/dist/quick-inventory-check.scss +101 -163
  123. package/dist/quick-links.scss +72 -133
  124. package/dist/quick-order-pad.scss +224 -206
  125. package/dist/quota-details.scss +163 -297
  126. package/dist/quotes.scss +727 -737
  127. package/dist/repeater copy.scss +24 -0
  128. package/dist/repeater-embla-controls.scss +34 -14
  129. package/dist/repeater-grid-toggle.scss +156 -166
  130. package/dist/repeater-item.scss +41 -64
  131. package/dist/repeater.scss +579 -669
  132. package/dist/request-for-quotes.scss +66 -16
  133. package/dist/responsive-behaviour.scss +31 -29
  134. package/dist/rfqs.scss +147 -181
  135. package/dist/scroll.scss +93 -167
  136. package/dist/search-results-heading.scss +36 -0
  137. package/dist/search.scss +186 -290
  138. package/dist/section.scss +27 -51
  139. package/dist/shareCartSideBar.scss +254 -254
  140. package/dist/shipping-estimator.scss +41 -41
  141. package/dist/shipping-payments.scss +246 -58
  142. package/dist/simple-list.scss +65 -123
  143. package/dist/social.scss +78 -131
  144. package/dist/sort.scss +89 -89
  145. package/dist/spotlight.scss +48 -0
  146. package/dist/stack.scss +23 -34
  147. package/dist/static-global.scss +44 -26
  148. package/dist/static-text.scss +52 -52
  149. package/dist/stockStatus.scss +14 -19
  150. package/dist/store-locations.scss +595 -933
  151. package/dist/sub-category.scss +74 -74
  152. package/dist/submit-quote.scss +275 -275
  153. package/dist/tab-container-item.scss +80 -80
  154. package/dist/tab-container.scss +81 -108
  155. package/dist/tab-v2.scss +277 -580
  156. package/dist/table-common.scss +218 -331
  157. package/dist/table.scss +273 -434
  158. package/dist/tabs.scss +440 -395
  159. package/dist/text-temp-v2.scss +12 -23
  160. package/dist/text-temp.scss +110 -109
  161. package/dist/theme-classes.scss +66 -13
  162. package/dist/toaster.scss +392 -350
  163. package/dist/toggle-button.scss +32 -32
  164. package/dist/transform-properties-module.scss +20 -20
  165. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +108 -0
  166. package/dist/types/builder/tools/element-edit/breadcrumbs.d.ts +6 -0
  167. package/dist/types/builder/tools/element-edit/bundle.d.ts +22 -0
  168. package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +64 -0
  169. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +10 -0
  170. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +84 -0
  171. package/dist/types/builder/tools/element-edit/cart.d.ts +6 -0
  172. package/dist/types/builder/tools/element-edit/cartAttributes.d.ts +60 -0
  173. package/dist/types/builder/tools/element-edit/cartDetails.d.ts +16 -0
  174. package/dist/types/builder/tools/element-edit/cartSummary.d.ts +202 -0
  175. package/dist/types/builder/tools/element-edit/categoryGroups.d.ts +158 -0
  176. package/dist/types/builder/tools/element-edit/checkout.d.ts +172 -0
  177. package/dist/types/builder/tools/element-edit/common.d.ts +2 -0
  178. package/dist/types/builder/tools/element-edit/countdown.d.ts +44 -0
  179. package/dist/types/builder/tools/element-edit/coupon.d.ts +28 -0
  180. package/dist/types/builder/tools/element-edit/embroidery.d.ts +37 -0
  181. package/dist/types/builder/tools/element-edit/filterResults.d.ts +4 -0
  182. package/dist/types/builder/tools/element-edit/icon-list.d.ts +11 -0
  183. package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
  184. package/dist/types/builder/tools/element-edit/kitDetails.d.ts +66 -0
  185. package/dist/types/builder/tools/element-edit/kits.d.ts +4 -0
  186. package/dist/types/builder/tools/element-edit/map.d.ts +5 -1
  187. package/dist/types/builder/tools/element-edit/marchandiserSets.d.ts +2 -0
  188. package/dist/types/builder/tools/element-edit/orderStatus.d.ts +17 -0
  189. package/dist/types/builder/tools/element-edit/paymentMethods.d.ts +6 -0
  190. package/dist/types/builder/tools/element-edit/productCustomizations.d.ts +14 -0
  191. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +26 -0
  192. package/dist/types/builder/tools/element-edit/scroll.d.ts +2 -11
  193. package/dist/types/builder/tools/element-edit/search.d.ts +1 -0
  194. package/dist/types/builder/tools/element-edit/searchResultsHeading.d.ts +6 -0
  195. package/dist/types/builder/tools/element-edit/shipping-payments.d.ts +72 -0
  196. package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +4 -0
  197. package/dist/types/builder/tools/element-edit/social.d.ts +2 -0
  198. package/dist/types/builder/tools/element-edit/spotlight.d.ts +2 -0
  199. package/dist/types/builder/tools/element-edit/table.d.ts +10 -0
  200. package/dist/types/builder/tools/element-edit/tabs.d.ts +6 -0
  201. package/dist/types/builder/tools/element-edit/typographyInstance.d.ts +110 -0
  202. package/dist/types/builder/tools/element-edit/userElements.d.ts +50 -11
  203. package/dist/types/builder/tools/element-edit/variantPicker.d.ts +4 -0
  204. package/dist/types/builder/tools/element-edit/video.d.ts +22 -0
  205. package/dist/uom-selector.scss +499 -841
  206. package/dist/user-elements.scss +653 -774
  207. package/dist/variant-picker.scss +1298 -2358
  208. package/dist/video.scss +147 -325
  209. package/dist/volume-pricing.scss +545 -849
  210. package/dist/wishlist-overlay.scss +48 -48
  211. package/package.json +131 -131
package/dist/product-labels.scss CHANGED
@@ -4,35 +4,36 @@
4
4
 
5
5
  [data-div-type="element"] {
6
6
  &[data-element-type="productLabels"] {
7
- width: var(
8
- --_sf-el-wh-st-mx,
9
- calc(
10
- 1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
11
- )
12
- );
7
+ width: var(--_sf-el-wh-st-mx,
8
+ calc(1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))));
13
9
  margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
14
10
 
15
- & > .wrapper {
11
+ &>.wrapper {
16
12
  width: 100%;
17
13
  }
14
+
18
15
  &[data-show-shadow="false"] {
19
16
  --_show-shadow: none;
20
17
  }
18
+
21
19
  &[data-overflow-items="Scroll"] {
22
20
  .horizontal {
23
21
  width: 100%;
24
22
  overflow-x: auto;
23
+
25
24
  // Keep label chips at their natural (admin-styled) width; only prevent
26
25
  // them from squishing in a horizontal scroll row.
27
26
  .item {
28
27
  flex-shrink: 0;
29
28
  }
30
29
  }
30
+
31
31
  .vertical {
32
32
  overflow-y: auto;
33
33
  max-height: 30%;
34
34
  }
35
35
  }
36
+
36
37
  .text-element {
37
38
  color: #333;
38
39
  font-size: 12px;
@@ -41,41 +42,28 @@
41
42
  line-height: 18px;
42
43
  margin-bottom: 6px;
43
44
  }
45
+
44
46
  .labels__container {
45
- background-color: var(
46
- --_ctm-mob-dn-wt-se-bd-cr,
47
- var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr))
48
- );
49
-
50
- border-color: var(
51
- --_ctm-mob-dn-wt-se-br-cr,
52
- var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr))
53
- );
54
-
55
- border-style: var(
56
- --_ctm-mob-dn-wt-se-br-se,
57
- var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se))
58
- );
59
-
60
- border-width: var(
61
- --_ctm-mob-dn-wt-se-br-wh,
62
- var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh))
63
- );
64
-
65
- border-radius: var(
66
- --_ctm-mob-dn-wt-se-br-rs,
67
- var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs))
68
- );
69
-
70
- box-shadow: var(
71
- --_show-shadow,
72
- var(--_ctm-mob-dn-wt-se-sw-ae, var(--_ctm-tab-dn-wt-se-sw-ae, var(--_ctm-dn-wt-se-sw-ae)))
73
- var(--_ctm-mob-dn-wt-se-sw-br, var(--_ctm-tab-dn-wt-se-sw-br, var(--_ctm-dn-wt-se-sw-br)))
74
- var(--_ctm-mob-dn-wt-se-sw-sd, var(--_ctm-tab-dn-wt-se-sw-sd, var(--_ctm-dn-wt-se-sw-sd)))
75
- var(--_ctm-mob-dn-wt-se-sw-cr, var(--_ctm-tab-dn-wt-se-sw-cr, var(--_ctm-dn-wt-se-sw-cr)))
76
- );
47
+ background-color: var(--_ctm-mob-dn-wt-se-bd-cr,
48
+ var(--_ctm-tab-dn-wt-se-bd-cr, var(--_ctm-dn-wt-se-bd-cr)));
49
+
50
+ border-color: var(--_ctm-mob-dn-wt-se-br-cr,
51
+ var(--_ctm-tab-dn-wt-se-br-cr, var(--_ctm-dn-wt-se-br-cr)));
52
+
53
+ border-style: var(--_ctm-mob-dn-wt-se-br-se,
54
+ var(--_ctm-tab-dn-wt-se-br-se, var(--_ctm-dn-wt-se-br-se)));
55
+
56
+ border-width: var(--_ctm-mob-dn-wt-se-br-wh,
57
+ var(--_ctm-tab-dn-wt-se-br-wh, var(--_ctm-dn-wt-se-br-wh)));
58
+
59
+ border-radius: var(--_ctm-mob-dn-wt-se-br-rs,
60
+ var(--_ctm-tab-dn-wt-se-br-rs, var(--_ctm-dn-wt-se-br-rs)));
61
+
62
+ box-shadow: var(--_show-shadow,
63
+ 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))));
77
64
 
78
65
  padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
66
+
79
67
  .stack {
80
68
  display: flex;
81
69
  flex-direction: column;
@@ -89,46 +77,48 @@
89
77
  position: relative;
90
78
  display: inline-flex;
91
79
  }
80
+
92
81
  .items__container {
93
82
  &[data-show-divider="true"] {
94
83
  &[data-flex-direction="row"] {
84
+
85
+ // The divider is a pseudo-element and takes no space of its own, so a thick
86
+ // one grew back over the label beside it — see dividerGapReserve in functions.scss.
87
+ .item:not(:last-child) {
88
+ @include dividerGapReserve(--_ctm-dn-wt-se-dr-wt, right);
89
+ }
90
+
95
91
  .item:not(:last-child)::before {
96
92
  content: "";
97
93
  position: absolute;
98
94
  top: 0;
99
- bottom: 0; /* For full height divider */
100
- right: calc(
101
- -1 *
102
- (var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) / 2)
103
- ); /* Half of your gap + 1px offset */
104
- width: var(
105
- --_ctm-mob-dn-wt-se-dr-wt,
106
- var(--_ctm-tab-dn-wt-se-dr-wt, var(--_ctm-dn-wt-se-dr-wt))
107
- ); /* Divider thickness */
108
- background-color: var(
109
- --_ctm-mob-dn-wt-se-dr-cr,
110
- var(--_ctm-tab-dn-wt-se-dr-cr, var(--_ctm-dn-wt-se-dr-cr))
111
- ); /* Divider color */
95
+ bottom: 0;
96
+ /* For full height divider */
97
+ right: dividerGapOffset(--_ctm-lt-im-sg, --_ctm-dn-wt-se-dr-wt);
98
+ width: var(--_ctm-mob-dn-wt-se-dr-wt,
99
+ var(--_ctm-tab-dn-wt-se-dr-wt, var(--_ctm-dn-wt-se-dr-wt)));
100
+ /* Divider thickness */
101
+ background-color: var(--_ctm-mob-dn-wt-se-dr-cr,
102
+ var(--_ctm-tab-dn-wt-se-dr-cr, var(--_ctm-dn-wt-se-dr-cr)));
103
+ /* Divider color */
112
104
  }
113
105
  }
106
+
114
107
  &[data-flex-direction="column"] {
108
+ .item:not(:last-child) {
109
+ @include dividerGapReserve(--_ctm-dn-wt-se-dr-wt);
110
+ }
111
+
115
112
  .item:not(:last-child)::before {
116
113
  content: "";
117
114
  position: absolute;
118
115
  left: 0;
119
116
  right: 0;
120
- bottom: calc(
121
- -1 *
122
- (var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) / 2)
123
- );
124
- height: var(
125
- --_ctm-mob-dn-wt-se-dr-wt,
126
- var(--_ctm-tab-dn-wt-se-dr-wt, var(--_ctm-dn-wt-se-dr-wt))
127
- );
128
- background-color: var(
129
- --_ctm-mob-dn-wt-se-dr-cr,
130
- var(--_ctm-tab-dn-wt-se-dr-cr, var(--_ctm-dn-wt-se-dr-cr))
131
- );
117
+ bottom: dividerGapOffset(--_ctm-lt-im-sg, --_ctm-dn-wt-se-dr-wt);
118
+ height: var(--_ctm-mob-dn-wt-se-dr-wt,
119
+ var(--_ctm-tab-dn-wt-se-dr-wt, var(--_ctm-dn-wt-se-dr-wt)));
120
+ background-color: var(--_ctm-mob-dn-wt-se-dr-cr,
121
+ var(--_ctm-tab-dn-wt-se-dr-cr, var(--_ctm-dn-wt-se-dr-cr)));
132
122
  }
133
123
  }
134
124
  }
@@ -137,43 +127,35 @@
137
127
  .title {
138
128
  white-space: nowrap;
139
129
  color: var(--_ctm-mob-dn-wt-se-cr, var(--_ctm-tab-dn-wt-se-cr, var(--_ctm-dn-wt-se-cr)));
140
- font-family: var(
141
- --_ctm-mob-dn-wt-se-ft-fy,
142
- var(--_ctm-tab-dn-wt-se-ft-fy, var(--_ctm-dn-wt-se-ft-fy))
143
- );
144
- font-size: var(
145
- --_ctm-mob-dn-wt-se-ft-se,
146
- var(--_ctm-tab-dn-wt-se-ft-se, var(--_ctm-dn-wt-se-ft-se))
147
- );
148
- font-weight: var(
149
- --_ctm-mob-dn-wt-se-ft-wt,
150
- var(--_ctm-tab-dn-wt-se-ft-wt, var(--_ctm-dn-wt-se-ft-wt))
151
- );
152
- font-style: var(
153
- --_ctm-mob-dn-wt-se-ft-se-ic,
154
- var(--_ctm-tab-dn-wt-se-ft-se-ic, var(--_ctm-dn-wt-se-ft-se-ic))
155
- );
156
- text-align: var(
157
- --_ctm-mob-dn-wt-se-tt-an,
158
- var(--_ctm-tab-dn-wt-se-tt-an, var(--_ctm-dn-wt-se-tt-an))
159
- );
160
- letter-spacing: var(
161
- --_ctm-mob-dn-wt-se-lr-sg,
162
- var(--_ctm-tab-dn-wt-se-lr-sg, var(--_ctm-dn-wt-se-lr-sg))
163
- );
164
- line-height: var(
165
- --_ctm-mob-dn-wt-se-le-ht,
166
- var(--_ctm-tab-dn-wt-se-le-ht, var(--_ctm-dn-wt-se-le-ht))
167
- );
168
- text-decoration: var(
169
- --_ctm-mob-dn-wt-se-ue,
170
- var(--_ctm-tab-dn-wt-se-ue, var(--_ctm-dn-wt-se-ue))
171
- );
130
+ font-family: var(--_ctm-mob-dn-wt-se-ft-fy,
131
+ var(--_ctm-tab-dn-wt-se-ft-fy, var(--_ctm-dn-wt-se-ft-fy)));
132
+ text-transform: var(--_ctm-mob-dn-wt-se-tt-tm,
133
+ var(--_ctm-tab-dn-wt-se-tt-tm, var(--_ctm-dn-wt-se-tt-tm)));
134
+ word-wrap: var(--_ctm-mob-dn-wt-se-wd-wp,
135
+ var(--_ctm-tab-dn-wt-se-wd-wp, var(--_ctm-dn-wt-se-wd-wp)));
136
+ word-break: var(--_ctm-mob-dn-wt-se-wd-bk,
137
+ var(--_ctm-tab-dn-wt-se-wd-bk, var(--_ctm-dn-wt-se-wd-bk)));
138
+ font-size: var(--_ctm-mob-dn-wt-se-ft-se,
139
+ var(--_ctm-tab-dn-wt-se-ft-se, var(--_ctm-dn-wt-se-ft-se)));
140
+ font-weight: var(--_ctm-mob-dn-wt-se-ft-wt,
141
+ var(--_ctm-tab-dn-wt-se-ft-wt, var(--_ctm-dn-wt-se-ft-wt)));
142
+ font-style: var(--_ctm-mob-dn-wt-se-ft-se-ic,
143
+ var(--_ctm-tab-dn-wt-se-ft-se-ic, var(--_ctm-dn-wt-se-ft-se-ic)));
144
+ text-align: var(--_ctm-mob-dn-wt-se-tt-an,
145
+ var(--_ctm-tab-dn-wt-se-tt-an, var(--_ctm-dn-wt-se-tt-an)));
146
+ letter-spacing: var(--_ctm-mob-dn-wt-se-lr-sg,
147
+ var(--_ctm-tab-dn-wt-se-lr-sg, var(--_ctm-dn-wt-se-lr-sg)));
148
+ line-height: var(--_ctm-mob-dn-wt-se-le-ht,
149
+ var(--_ctm-tab-dn-wt-se-le-ht, var(--_ctm-dn-wt-se-le-ht)));
150
+ text-decoration: var(--_ctm-mob-dn-wt-se-ue,
151
+ var(--_ctm-tab-dn-wt-se-ue, var(--_ctm-dn-wt-se-ue)));
172
152
  padding: prepareMediaVariable(--_ctm-dn-wt-se-pg);
173
153
  }
154
+
174
155
  .horizontal {
175
156
  display: flex;
176
157
  gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, 10px)));
158
+
177
159
  .item {
178
160
  flex-shrink: 0;
179
161
  }
@@ -181,10 +163,12 @@
181
163
  &[data-overflow-items="Wrap"] {
182
164
  flex-wrap: wrap;
183
165
  }
166
+
184
167
  &[data-overflow-items="Scroll"] {
185
168
  width: 100%;
186
169
  overflow-x: auto;
187
170
  }
171
+
188
172
  &[data-overflow-items="Hidden"] {
189
173
  overflow-x: hidden;
190
174
  }
@@ -192,13 +176,16 @@
192
176
  &[items-content-alignement="right"] {
193
177
  justify-content: flex-end;
194
178
  }
179
+
195
180
  &[items-content-alignement="left"] {
196
181
  justify-content: flex-start;
197
182
  }
183
+
198
184
  &[items-content-alignement="center"] {
199
185
  justify-content: center;
200
186
  }
201
187
  }
188
+
202
189
  .vertical {
203
190
  display: flex;
204
191
  flex-direction: column;
@@ -208,6 +195,7 @@
208
195
  &[data-overflow-items="Scroll"] {
209
196
  overflow-y: auto;
210
197
  }
198
+
211
199
  &[data-overflow-items="Hidden"] {
212
200
  overflow-y: hidden;
213
201
  }
@@ -215,32 +203,37 @@
215
203
  &[items-content-alignement="right"] {
216
204
  align-items: flex-end;
217
205
  }
206
+
218
207
  &[items-content-alignement="left"] {
219
208
  align-items: flex-start;
220
209
  }
210
+
221
211
  &[items-content-alignement="center"] {
222
212
  align-items: center;
223
213
  }
224
214
  }
215
+
225
216
  .grid {
226
217
  display: grid;
227
218
  grid-template-columns: repeat(var(--_ctm-lt-is-pr-rw), minmax(auto, 1fr));
228
- grid-template-columns: repeat(
229
- var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
230
- minmax(auto, 1fr)
231
- );
219
+ grid-template-columns: repeat(var(--_ctm-mob-lt-is-pr-rw, var(--_ctm-tab-lt-is-pr-rw, var(--_ctm-lt-is-pr-rw))),
220
+ minmax(auto, 1fr));
232
221
  // Keep admin-styled chips at their natural size instead of stretching
233
222
  // them to fill the grid cell.
234
223
  justify-items: start;
235
224
  gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg, 10px)));
236
225
  max-height: prepareMediaVariable(--_ctm-lt-mx-cr-ht);
226
+
237
227
  &[data-overflow-items="Scroll"] {
238
228
  overflow-y: auto;
239
229
  }
230
+
240
231
  &[data-overflow-items="Hidden"] {
241
232
  overflow-y: hidden;
242
233
  }
234
+
243
235
  margin: 0px;
236
+
244
237
  .item {
245
238
  width: auto;
246
239
  }
@@ -248,4 +241,4 @@
248
241
  }
249
242
  }
250
243
  }
251
- }
244
+ }