@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/mega-menu.scss CHANGED
@@ -17,14 +17,11 @@ $vtl: "[data-element-type='mega-menu'] > .vtl";
17
17
  $hamburger: ".flex__menu__hamburger";
18
18
  $hamburgerActive: "[data-hamburger-active='true']";
19
19
  $wrapperData: (
20
- start: (
21
- left: prepareMediaVariable(--_ctm-meg-dn-hr-os-cr-ot-x, 0px),
20
+ start: (left: prepareMediaVariable(--_ctm-meg-dn-hr-os-cr-ot-x, 0px),
22
21
  ),
23
- end: (
24
- right: prepareMediaVariable(--_ctm-meg-dn-hr-os-cr-ot-x, 0px),
22
+ end: (right: prepareMediaVariable(--_ctm-meg-dn-hr-os-cr-ot-x, 0px),
25
23
  ),
26
- center: (
27
- left: calc(50% + #{prepareMediaVariable(--_ctm-meg-dn-hr-os-cr-ot-x, 0px)}),
24
+ center: (left: calc(50% + #{prepareMediaVariable(--_ctm-meg-dn-hr-os-cr-ot-x, 0px)}),
28
25
  transform: translateX(-50%),
29
26
  ),
30
27
  );
@@ -37,7 +34,8 @@ $defaultValues: (
37
34
  position: relative;
38
35
  display: var(--_d-flex);
39
36
  justify-content: prepareMediaVariable(--_ctm-meg-dn-hr-os-vl-at);
40
- & > div {
37
+
38
+ &>div {
41
39
  &#{$wrapper} {
42
40
  position: absolute;
43
41
  // left: var(--_sf-hm-mc-lt-vl-v2, 0px);
@@ -72,7 +70,7 @@ $defaultValues: (
72
70
  overflow-y: auto;
73
71
  }
74
72
 
75
- & > #{$menuItem} {
73
+ &>#{$menuItem} {
76
74
  width: 100%;
77
75
  align-items: flex-start;
78
76
  flex-direction: column;
@@ -83,14 +81,14 @@ $defaultValues: (
83
81
  // transform: none !important;
84
82
  // }
85
83
 
86
- & > #{$es} {
84
+ &>#{$es} {
87
85
  position: var(--_p-relative) !important;
88
86
  width: 100% !important;
89
87
  left: 0 !important;
90
88
  top: 0 !important;
91
89
 
92
90
  &:is(#{$mgc}) {
93
- & > .wrapper {
91
+ &>.wrapper {
94
92
  margin-inline: auto;
95
93
  }
96
94
  }
@@ -108,7 +106,7 @@ $defaultValues: (
108
106
  }
109
107
  }
110
108
 
111
- & > #{$hamburger} {
109
+ &>#{$hamburger} {
112
110
  display: var(--_d-flex);
113
111
  pointer-events: all;
114
112
  }
@@ -122,7 +120,7 @@ $defaultValues: (
122
120
  @include prepareMediaQueries($defaultValues);
123
121
  // var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, auto)))
124
122
 
125
- & > div {
123
+ &>div {
126
124
  &.wrapper {
127
125
  width: 100%;
128
126
  height: auto;
@@ -143,7 +141,7 @@ $defaultValues: (
143
141
  // }
144
142
 
145
143
  &.hrz {
146
- & > div {
144
+ &>div {
147
145
  &#{$wrapper} {
148
146
  display: var(--_d-flex);
149
147
  flex-direction: row;
@@ -155,7 +153,7 @@ $defaultValues: (
155
153
  }
156
154
 
157
155
  &.vtl {
158
- & > div {
156
+ &>div {
159
157
  &#{$wrapper} {
160
158
  display: var(--_d-flex);
161
159
  flex-direction: column;
@@ -164,7 +162,7 @@ $defaultValues: (
164
162
  }
165
163
  }
166
164
 
167
- & > div {
165
+ &>div {
168
166
  &#{$wrapper} {
169
167
  padding: #{prepareMediaVariable(--_ctm-meg-lt-pg)};
170
168
  background: prepareMediaVariable(--_ctm-meg-dn-mu-cr-bd-cr);
@@ -175,34 +173,29 @@ $defaultValues: (
175
173
  border-width: prepareMediaVariable(--_ctm-meg-dn-mu-cr-br-wh);
176
174
  border-style: prepareMediaVariable(--_ctm-meg-dn-mu-cr-br-se);
177
175
  }
176
+
178
177
  &:is([data-show-boxshadow="true"] > *) {
179
- box-shadow: prepareMediaVariable(--_ctm-meg-dn-mu-cr-sw-ae)
180
- prepareMediaVariable(--_ctm-meg-dn-mu-cr-sw-br)
181
- prepareMediaVariable(--_ctm-meg-dn-mu-cr-sw-sd)
182
- prepareMediaVariable(--_ctm-meg-dn-mu-cr-sw-cr);
178
+ box-shadow: prepareMediaVariable(--_ctm-meg-dn-mu-cr-sw-ae) prepareMediaVariable(--_ctm-meg-dn-mu-cr-sw-br) prepareMediaVariable(--_ctm-meg-dn-mu-cr-sw-sd) prepareMediaVariable(--_ctm-meg-dn-mu-cr-sw-cr);
183
179
  }
184
- & > div {
180
+
181
+ &>div {
185
182
  &#{$menuItem} {
186
183
  position: relative;
187
- padding: var(
188
- --_sf-it-at-pd,
189
- var(--_sf-it-hr-pd, #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-pg)})
190
- );
191
- background: var(
192
- --_sf-it-at-bd,
193
- var(--_sf-it-hr-bd, #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-bd-cr)})
194
- );
195
- border-radius: var(
196
- --_sf-it-at-br,
197
- var(--_sf-it-hr-br, #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-br-rs)})
198
- );
184
+ padding: var(--_sf-it-at-pd,
185
+ var(--_sf-it-hr-pd, #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-pg)}));
186
+ background: var(--_sf-it-at-bd,
187
+ var(--_sf-it-hr-bd, #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-bd-cr)}));
188
+ border-radius: var(--_sf-it-at-br,
189
+ var(--_sf-it-hr-br, #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-br-rs)}));
199
190
  display: var(--_d-flex);
200
191
  align-items: center;
192
+
201
193
  &:is(#{$vtl} *) {
202
194
  align-items: flex-start;
203
195
  flex-direction: column;
204
196
  gap: #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-cr-ot-y)};
205
197
  }
198
+
206
199
  &:hover {
207
200
  --_sf-it-hr-pd: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-hr-se-pg)};
208
201
  --_sf-it-hr-bd: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-hr-se-bd-cr)};
@@ -231,672 +224,636 @@ $defaultValues: (
231
224
  --_sf-it-hr-wbk: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-hr-se-wd-bk)};
232
225
  --_sf-it-hr-in-cr: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-hr-se-in-c1)};
233
226
  --_sf-it-hr-in-se: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-hr-se-in-se)};
234
- }
235
- &.active {
236
- --_sf-it-at-pd: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-pg)};
237
- --_sf-it-at-bd: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-bd-cr)};
238
- --_sf-it-at-br: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-br-rs)};
239
- --_sf-it-at-brc: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-br-cr)};
240
- --_sf-it-at-bw: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-br-wh)};
241
- --_sf-it-at-bs: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-br-se)};
242
-
243
- --_sf-it-at-bsa: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-sw-ae)};
244
- --_sf-it-at-blr: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-sw-br)};
245
- --_sf-it-at-spr: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-sw-sd)};
246
- --_sf-it-at-bscl: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-sw-cr)};
247
-
248
- --_sf-it-at-ff: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-ft-fy)};
249
- --_sf-it-at-fs: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-ft-se)};
250
- --_sf-it-at-fclr: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-cr)};
251
- --_sf-it-at-fw: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-ft-wt)};
252
- --_sf-it-at-fsi: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-ft-se-ic)};
253
- --_sf-it-at-td: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-ue)};
254
- --_sf-it-at-tae: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-tt-an)};
255
- --_sf-it-at-ls: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-lr-sg)};
256
- --_sf-it-at-lh: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-le-ht)};
257
- --_sf-it-at-ttm: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-tt-tm)};
258
- --_sf-it-at-wwp: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-wd-wp)};
259
- --_sf-it-at-wbk: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-wd-bk)};
260
- --_sf-it-at-in-cr: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-in-c1)};
261
- --_sf-it-at-in-se: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-in-se)};
262
- }
263
227
 
264
- &[data-show-border="true"] {
265
- border-color: var(
266
- --_sf-it-at-brc,
267
- var(
268
- --_sf-it-hr-brc,
269
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-br-cr)}
270
- )
271
- );
272
- border-width: var(
273
- --_sf-it-at-bw,
274
- var(--_sf-it-hr-bw, #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-br-wh)})
275
- );
276
- border-style: var(
277
- --_sf-it-at-bs,
278
- var(--_sf-it-hr-bs, prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-br-se))
279
- );
280
- }
281
- &[data-show-boxshadow="true"] {
282
- box-shadow: var(
283
- --_sf-it-at-bsa,
284
- var(
285
- --_sf-it-hr-bsa,
286
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-sw-ae)}
287
- )
288
- )
289
- var(
290
- --_sf-it-at-blr,
291
- var(
292
- --_sf-it-hr-blr,
293
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-sw-br)}
294
- )
295
- )
296
- var(
297
- --_sf-it-at-spr,
298
- var(
299
- --_sf-it-hr-spr,
300
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-sw-sd)}
301
- )
302
- )
303
- var(
304
- --_sf-it-at-bscl,
305
- var(
306
- --_sf-it-hr-bscl,
307
- prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-sw-cr)
308
- )
309
- );
228
+ // Per-item leading icon hover overrides.
229
+ --_sf-it-hr-in-cr-im: #{prepareMediaVariable(
230
+ --_ctm-meg-dn-mu-im-se-hr-se-in-c1-im)
310
231
  }
311
232
 
312
- & > a {
313
- display: var(--_d-flex);
314
- justify-content: space-between;
315
- align-items: center;
316
- gap: prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-in-gp);
317
- & > span {
318
- display: var(--_d-flex);
319
- font-family: var(
320
- --_sf-it-at-ff,
321
- var(
322
- --_sf-it-hr-ff,
323
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-ft-fy)}
324
- )
325
- );
326
- font-size: var(
327
- --_sf-it-at-fs,
328
- var(
329
- --_sf-it-hr-fs,
330
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-ft-se)}
331
- )
332
- );
333
- color: var(
334
- --_sf-it-at-fclr,
335
- var(
336
- --_sf-it-hr-fclr,
337
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-cr)}
338
- )
339
- );
340
- font-weight: var(
341
- --_sf-it-at-fw,
342
- var(
343
- --_sf-it-hr-fw,
344
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-ft-wt)}
345
- )
346
- );
347
- font-style: var(
348
- --_sf-it-at-fsi,
349
- var(
350
- --_sf-it-hr-fsi,
351
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-ft-se-ic)}
352
- )
353
- );
354
- text-decoration: var(
355
- --_sf-it-at-td,
356
- var(--_sf-it-hr-td, #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-ue)})
357
- );
358
- text-align: var(
359
- --_sf-it-at-tae,
360
- var(
361
- --_sf-it-hr-tae,
362
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-tt-an)}
363
- )
364
- );
365
- letter-spacing: var(
366
- --_sf-it-at-ls,
367
- var(
368
- --_sf-it-hr-ls,
369
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-lr-sg)}
370
- )
371
- );
372
- line-height: var(
373
- --_sf-it-at-lh,
374
- var(
375
- --_sf-it-hr-lh,
376
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-le-ht)}
377
- )
378
- );
379
- text-transform: var(
380
- --_sf-it-at-ttm,
381
- var(
382
- --_sf-it-hr-ttm,
383
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-tt-tm, none)}
384
- )
385
- );
386
- word-wrap: var(
387
- --_sf-it-at-wwp,
388
- var(
389
- --_sf-it-hr-wwp,
390
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-wd-wp, normal)}
391
- )
392
- );
393
- word-break: var(
394
- --_sf-it-at-wbk,
395
- var(
396
- --_sf-it-hr-wbk,
397
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-wd-bk, keep-all)}
398
- )
399
- );
400
-
401
- &.flex__menu__item__icon {
402
- pointer-events: all;
403
- &[data-rotate="true"] {
404
- --_sf-svg-tr: 180deg;
405
- }
406
- svg {
407
- width: var(
408
- --_sf-it-at-in-se,
409
- var(
410
- --_sf-it-hr-in-se,
411
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-in-se)}
412
- )
413
- );
414
- height: var(
415
- --_sf-it-at-in-se,
416
- var(
417
- --_sf-it-hr-in-se,
418
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-in-se)}
419
- )
420
- );
421
- transform: rotate(#{var(--_sf-svg-tr, 0deg)});
422
- transition: transform var(--_transition-duration)
423
- var(--_transition-timing-function);
424
-
425
- path {
426
- stroke: var(
427
- --_sf-it-at-in-cr,
428
- var(
429
- --_sf-it-hr-in-cr,
430
- #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-in-c1)}
431
- )
432
- );
433
- // Overrides the stroke-width presentation attribute baked into the icon markup.
434
- stroke-width: prepareMediaVariable(
435
- --_ctm-meg-dn-mu-im-se-dt-se-se-wh,
436
- 1.25
437
- );
438
- }
439
- }
440
- }
441
- }
442
- }
233
+ ;
234
+ --_sf-it-hr-in-se-im: #{prepareMediaVariable(
235
+ --_ctm-meg-dn-mu-im-se-hr-se-in-se-im)
236
+ }
237
+
238
+ ;
239
+ }
240
+
241
+ &.active {
242
+ --_sf-it-at-pd: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-pg)};
243
+ --_sf-it-at-bd: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-bd-cr)};
244
+ --_sf-it-at-br: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-br-rs)};
245
+ --_sf-it-at-brc: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-br-cr)};
246
+ --_sf-it-at-bw: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-br-wh)};
247
+ --_sf-it-at-bs: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-br-se)};
248
+
249
+ --_sf-it-at-bsa: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-sw-ae)};
250
+ --_sf-it-at-blr: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-sw-br)};
251
+ --_sf-it-at-spr: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-sw-sd)};
252
+ --_sf-it-at-bscl: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-sw-cr)};
253
+
254
+ --_sf-it-at-ff: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-ft-fy)};
255
+ --_sf-it-at-fs: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-ft-se)};
256
+ --_sf-it-at-fclr: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-cr)};
257
+ --_sf-it-at-fw: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-ft-wt)};
258
+ --_sf-it-at-fsi: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-ft-se-ic)};
259
+ --_sf-it-at-td: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-ue)};
260
+ --_sf-it-at-tae: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-tt-an)};
261
+ --_sf-it-at-ls: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-lr-sg)};
262
+ --_sf-it-at-lh: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-le-ht)};
263
+ --_sf-it-at-ttm: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-tt-tm)};
264
+ --_sf-it-at-wwp: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-wd-wp)};
265
+ --_sf-it-at-wbk: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-wd-bk)};
266
+ --_sf-it-at-in-cr: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-in-c1)};
267
+ --_sf-it-at-in-se: #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-sd-se-in-se)};
268
+
269
+ // Per-item leading icon selected-state overrides.
270
+ --_sf-it-at-in-cr-im: #{prepareMediaVariable(
271
+ --_ctm-meg-dn-mu-im-se-sd-se-in-c1-im)
272
+ }
273
+
274
+ ;
275
+ --_sf-it-at-in-se-im: #{prepareMediaVariable(
276
+ --_ctm-meg-dn-mu-im-se-sd-se-in-se-im)
277
+ }
278
+
279
+ ;
280
+ }
281
+
282
+ &[data-show-border="true"] {
283
+ border-color: var(--_sf-it-at-brc,
284
+ var(--_sf-it-hr-brc,
285
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-br-cr)}));
286
+ border-width: var(--_sf-it-at-bw,
287
+ var(--_sf-it-hr-bw, #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-br-wh)}));
288
+ border-style: var(--_sf-it-at-bs,
289
+ var(--_sf-it-hr-bs, prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-br-se)));
290
+ }
443
291
 
444
- & > #{$es} {
445
- position: var(--_p-absolute);
446
-
447
- &:is(.hrz > div > div > *) {
448
- top: 100%; // Need to Integrate top value
449
- &:is(#{$mgc}) {
450
- left: var(--_sf-mg-dm-ps-vl, 0px);
451
- }
452
-
453
- &:is(#{$smp}) {
454
- left: prepareMediaVariable(--_ctm-dn-sb-mu-cr-cr-ot-x, 0px);
455
- }
456
- // left: 0px;
457
- }
458
- &:is(.vtl > div > div > *) {
459
- left: 100%; // Need to Integrate top value
460
-
461
- &:is(#{$mgc}) {
462
- // top: var(--_sf-mg-dm-ps-vl, 0px);
463
- top: 0px;
464
- }
465
- }
466
-
467
- display: var(--_sf-bm-es-at-dp-vl, var(--_d-none)) !important;
468
-
469
- &:is(#{$activeMg} > *) {
470
- --_sf-bm-es-at-dp-vl: var(--_d-grid) !important;
471
- }
292
+ &[data-show-boxshadow="true"] {
293
+ box-shadow: var(--_sf-it-at-bsa,
294
+ var(--_sf-it-hr-bsa,
295
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-sw-ae)})) var(--_sf-it-at-blr,
296
+ var(--_sf-it-hr-blr,
297
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-sw-br)})) var(--_sf-it-at-spr,
298
+ var(--_sf-it-hr-spr,
299
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-sw-sd)})) var(--_sf-it-at-bscl,
300
+ var(--_sf-it-hr-bscl,
301
+ prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-sw-cr)));
302
+ }
303
+
304
+ &>a {
305
+ display: var(--_d-flex);
306
+ justify-content: space-between;
307
+ align-items: center;
308
+ gap: prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-in-gp);
309
+
310
+ &>span {
311
+ display: var(--_d-flex);
312
+ font-family: var(--_sf-it-at-ff,
313
+ var(--_sf-it-hr-ff,
314
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-ft-fy)}));
315
+
316
+ &.flex__overflow {
317
+ white-space: normal;
318
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
319
+ }
320
+
321
+ font-size: var(--_sf-it-at-fs,
322
+ var(--_sf-it-hr-fs,
323
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-ft-se)}));
324
+ color: var(--_sf-it-at-fclr,
325
+ var(--_sf-it-hr-fclr,
326
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-cr)}));
327
+ font-weight: var(--_sf-it-at-fw,
328
+ var(--_sf-it-hr-fw,
329
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-ft-wt)}));
330
+ font-style: var(--_sf-it-at-fsi,
331
+ var(--_sf-it-hr-fsi,
332
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-ft-se-ic)}));
333
+ text-decoration: var(--_sf-it-at-td,
334
+ var(--_sf-it-hr-td, #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-ue)}));
335
+ text-align: var(--_sf-it-at-tae,
336
+ var(--_sf-it-hr-tae,
337
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-tt-an)}));
338
+ letter-spacing: var(--_sf-it-at-ls,
339
+ var(--_sf-it-hr-ls,
340
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-lr-sg)}));
341
+ line-height: var(--_sf-it-at-lh,
342
+ var(--_sf-it-hr-lh,
343
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-le-ht)}));
344
+ text-transform: var(--_sf-it-at-ttm,
345
+ var(--_sf-it-hr-ttm,
346
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-tt-tm, none)}));
347
+ word-wrap: var(--_sf-it-at-wwp,
348
+ var(--_sf-it-hr-wwp,
349
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-wd-wp, normal)}));
350
+ word-break: var(--_sf-it-at-wbk,
351
+ var(--_sf-it-hr-wbk,
352
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-wd-bk, keep-all)}));
353
+
354
+ // The item's own leading glyph, sized and coloured from the
355
+ // `Item`-suffixed vars so it stays independent of the caret.
356
+ &.flex__menu__item__leading__icon {
357
+ flex: 0 0 auto;
358
+ margin-inline-end: prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-in-gp-im,
359
+ 0px);
360
+
361
+ svg {
362
+ width: var(--_sf-it-at-in-se-im,
363
+ var(--_sf-it-hr-in-se-im,
364
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-in-se-im)}));
365
+ height: var(--_sf-it-at-in-se-im,
366
+ var(--_sf-it-hr-in-se-im,
367
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-in-se-im)}));
368
+
369
+ path {
370
+ stroke: var(--_sf-it-at-in-cr-im,
371
+ var(--_sf-it-hr-in-cr-im,
372
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-in-c1-im)}));
373
+ stroke-width: prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-se-wh-im,
374
+ 1.25);
472
375
  }
376
+ }
377
+ }
378
+
379
+ &.flex__menu__item__icon {
380
+ pointer-events: all;
473
381
 
474
- // Sub Item Container
475
-
476
- // & > ul {
477
- // &#{$subMenuContainer} {
478
- // background: prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-bd-cr);
479
- // border-radius: prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-br-rs);
480
- // padding: prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-pg);
481
-
482
- // &:is(#{$hrz} *) {
483
- // position: absolute;
484
- // left: calc(50% + #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-cr-ot-x)});
485
- // width: calc(100% + #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-cr-wh)});
486
- // top: calc(100% + #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-cr-ot-y)});
487
- // transform: translateX(-50%);
488
- // z-index: 2;
489
- // }
490
- // &:is(#{$vtl} *) {
491
- // width: 100%;
492
- // }
493
-
494
- // // max-height: 0px;
495
- // // overflow: clip;
496
- // max-height: 500px;
497
- // overflow-y: auto;
498
- // // animation: animTwo var(--_transition-duration)
499
- // // var(--_transition-timing-function) 1 forwards alternate;
500
-
501
- // @keyframes animTwo {
502
- // 100% {
503
- // max-height: 500px;
504
- // overflow-y: auto;
505
- // }
506
- // }
507
-
508
- // &[data-show-border="true"] {
509
- // border-width: prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-br-wh);
510
- // border-color: prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-br-cr);
511
- // border-style: prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-br-se);
512
- // }
513
- // &[data-show-boxshadow="true"] {
514
- // box-shadow: prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-sw-ae)
515
- // prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-sw-br)
516
- // prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-sw-sd)
517
- // prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-sw-cr);
518
- // }
519
-
520
- // & > li {
521
- // &#{$subMenuItem} {
522
- // display: var(--_d-flex);
523
- // flex-direction: column;
524
-
525
- // padding: var(
526
- // --_sf-sb-it-at-pd,
527
- // var(
528
- // --_sf-sb-it-hr-pd,
529
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-pg)}
530
- // )
531
- // );
532
- // background: var(
533
- // --_sf-sb-it-at-bd,
534
- // var(
535
- // --_sf-sb-it-hr-bd,
536
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-bd-cr)}
537
- // )
538
- // );
539
- // border-radius: var(
540
- // --_sf-sb-it-at-br,
541
- // var(
542
- // --_sf-sb-it-hr-br,
543
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-br-rs)}
544
- // )
545
- // );
546
-
547
- // &[data-show-border="true"] {
548
- // border-color: var(
549
- // --_sf-sb-it-at-brc,
550
- // var(
551
- // --_sf-sb-it-hr-brc,
552
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-br-cr)}
553
- // )
554
- // );
555
- // border-width: var(
556
- // --_sf-sb-it-at-bw,
557
- // var(
558
- // --_sf-sb-it-hr-bw,
559
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-br-wh)}
560
- // )
561
- // );
562
- // border-style: var(
563
- // --_sf-sb-it-at-bs,
564
- // var(
565
- // --_sf-sb-it-hr-bs,
566
- // prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-br-se)
567
- // )
568
- // );
569
- // }
570
- // &[data-show-boxshadow="true"] {
571
- // box-shadow: var(
572
- // --_sf-sb-it-at-bsa,
573
- // var(
574
- // --_sf-sb-it-hr-bsa,
575
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-sw-ae)}
576
- // )
577
- // )
578
- // var(
579
- // --_sf-sb-it-at-blr,
580
- // var(
581
- // --_sf-sb-it-hr-blr,
582
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-sw-br)}
583
- // )
584
- // )
585
- // var(
586
- // --_sf-sb-it-at-spr,
587
- // var(
588
- // --_sf-sb-it-hr-spr,
589
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-sw-sd)}
590
- // )
591
- // )
592
- // var(
593
- // --_sf-sb-it-at-bscl,
594
- // var(
595
- // --_sf-sb-it-hr-bscl,
596
- // prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-sw-cr)
597
- // )
598
- // );
599
- // }
600
-
601
- // &:hover {
602
- // --_sf-sb-it-hr-pd: #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-hr-se-pg)};
603
- // --_sf-sb-it-hr-bd: #{prepareMediaVariable(
604
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-bd-cr
605
- // )};
606
- // --_sf-sb-it-hr-br: #{prepareMediaVariable(
607
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-br-rs
608
- // )};
609
- // --_sf-sb-it-hr-brc: #{prepareMediaVariable(
610
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-br-cr
611
- // )};
612
- // --_sf-sb-it-hr-bw: #{prepareMediaVariable(
613
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-br-wh
614
- // )};
615
- // --_sf-sb-it-hr-bs: #{prepareMediaVariable(
616
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-br-se
617
- // )};
618
- // --_sf-sb-it-hr-bsa: #{prepareMediaVariable(
619
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-sw-ae
620
- // )};
621
- // --_sf-sb-it-hr-blr: #{prepareMediaVariable(
622
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-sw-br
623
- // )};
624
- // --_sf-sb-it-hr-spr: #{prepareMediaVariable(
625
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-sw-sd
626
- // )};
627
- // --_sf-sb-it-hr-bscl: #{prepareMediaVariable(
628
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-sw-cr
629
- // )};
630
-
631
- // --_sf-sb-it-hr-ff: #{prepareMediaVariable(
632
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-ft-fy
633
- // )};
634
- // --_sf-sb-it-hr-fs: #{prepareMediaVariable(
635
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-ft-se
636
- // )};
637
- // --_sf-sb-it-hr-fclr: #{prepareMediaVariable(
638
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-cr
639
- // )};
640
- // --_sf-sb-it-hr-fw: #{prepareMediaVariable(
641
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-ft-wt
642
- // )};
643
-
644
- // --_sf-sb-it-hr-fsi: #{prepareMediaVariable(
645
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-ft-se-ic
646
- // )};
647
- // --_sf-sb-it-hr-td: #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-hr-se-ue)};
648
- // --_sf-sb-it-hr-tae: #{prepareMediaVariable(
649
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-tt-an
650
- // )};
651
- // --_sf-sb-it-hr-ls: #{prepareMediaVariable(
652
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-lr-sg
653
- // )};
654
- // --_sf-sb-it-hr-lh: #{prepareMediaVariable(
655
- // --_ctm-meg-dn-sb-mu-im-se-hr-se-le-ht
656
- // )};
657
- // }
658
- // &.active {
659
- // --_sf-sb-it-at-pd: #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-sd-se-pg)};
660
- // --_sf-sb-it-at-bd: #{prepareMediaVariable(
661
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-bd-cr
662
- // )};
663
- // --_sf-sb-it-at-br: #{prepareMediaVariable(
664
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-br-rs
665
- // )};
666
- // --_sf-sb-it-at-brc: #{prepareMediaVariable(
667
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-br-cr
668
- // )};
669
- // --_sf-sb-it-at-bw: #{prepareMediaVariable(
670
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-br-wh
671
- // )};
672
- // --_sf-sb-it-at-bs: #{prepareMediaVariable(
673
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-br-se
674
- // )};
675
- // --_sf-sb-it-hr-bsa: #{prepareMediaVariable(
676
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-sw-ae
677
- // )};
678
- // --_sf-sb-it-at-blr: #{prepareMediaVariable(
679
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-sw-br
680
- // )};
681
- // --_sf-sb-it-at-spr: #{prepareMediaVariable(
682
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-sw-sd
683
- // )};
684
- // --_sf-sb-it-at-bscl: #{prepareMediaVariable(
685
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-sw-cr
686
- // )};
687
-
688
- // --_sf-sb-it-at-ff: #{prepareMediaVariable(
689
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-ft-fy
690
- // )};
691
- // --_sf-sb-it-at-fs: #{prepareMediaVariable(
692
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-ft-se
693
- // )};
694
- // --_sf-sb-it-at-fclr: #{prepareMediaVariable(
695
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-cr
696
- // )};
697
- // --_sf-sb-it-at-fw: #{prepareMediaVariable(
698
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-ft-wt
699
- // )};
700
- // --_sf-sb-it-at-fsi: #{prepareMediaVariable(
701
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-ft-se-ic
702
- // )};
703
- // --_sf-sb-it-at-td: #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-sd-se-ue)};
704
- // --_sf-sb-it-at-tae: #{prepareMediaVariable(
705
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-tt-an
706
- // )};
707
- // --_sf-sb-it-at-ls: #{prepareMediaVariable(
708
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-lr-sg
709
- // )};
710
- // --_sf-sb-it-at-lh: #{prepareMediaVariable(
711
- // --_ctm-meg-dn-sb-mu-im-se-sd-se-le-ht
712
- // )};
713
- // }
714
-
715
- // & > a {
716
- // display: var(--_d-flex);
717
- // justify-content: space-between;
718
- // align-items: center;
719
-
720
- // & > span {
721
- // display: var(--_d-flex);
722
-
723
- // &#{$subMenuItemText} {
724
- // font-family: var(
725
- // --_sf-it-at-ff,
726
- // var(
727
- // --_sf-it-hr-ff,
728
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-ft-fy)}
729
- // )
730
- // ),
731
- // font-size: var(
732
- // --_sf-sb-it-at-fs,
733
- // var(
734
- // --_sf-sb-it-hr-fs,
735
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-ft-se)}
736
- // )
737
- // );
738
- // color: var(
739
- // --_sf-sb-it-at-fclr,
740
- // var(
741
- // --_sf-sb-it-hr-fclr,
742
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-cr)}
743
- // )
744
- // );
745
- // font-weight: var(
746
- // --_sf-sb-it-at-fw,
747
- // var(
748
- // --_sf-sb-it-hr-fw,
749
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-fw-se-ft-wt)}
750
- // )
751
- // );
752
- // font-style: var(
753
- // --_sf-sb-it-at-fsi,
754
- // var(
755
- // --_sf-sb-it-hr-fsi,
756
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-ft-se-ic)}
757
- // )
758
- // );
759
- // text-decoration: var(
760
- // --_sf-sb-it-at-td,
761
- // var(
762
- // --_sf-sb-it-hr-td,
763
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-ue)}
764
- // )
765
- // );
766
- // text-align: var(
767
- // --_sf-sb-it-at-tae,
768
- // var(
769
- // --_sf-sb-it-hr-tae,
770
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-tt-an)}
771
- // )
772
- // );
773
- // letter-spacing: var(
774
- // --_sf-sb-it-at-ls,
775
- // var(
776
- // --_sf-sb-it-hr-ls,
777
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-lr-sg)}
778
- // )
779
- // );
780
- // line-height: var(
781
- // --_sf-sb-it-at-lh,
782
- // var(
783
- // --_sf-sb-it-hr-lh,
784
- // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-le-ht)}
785
- // )
786
- // );
787
- // }
788
- // }
789
- // }
790
- // }
791
- // }
792
- // }
793
- // }
382
+ &[data-rotate="true"] {
383
+ --_sf-svg-tr: 180deg;
384
+ }
385
+
386
+ svg {
387
+ width: var(--_sf-it-at-in-se,
388
+ var(--_sf-it-hr-in-se,
389
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-in-se)}));
390
+ height: var(--_sf-it-at-in-se,
391
+ var(--_sf-it-hr-in-se,
392
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-in-se)}));
393
+ transform: rotate(#{var(--_sf-svg-tr, 0deg)});
394
+ transition: transform var(--_transition-duration) var(--_transition-timing-function);
395
+
396
+ path {
397
+ stroke: var(--_sf-it-at-in-cr,
398
+ var(--_sf-it-hr-in-cr,
399
+ #{prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-in-c1)}));
400
+ // Overrides the stroke-width presentation attribute baked into the icon markup.
401
+ stroke-width: prepareMediaVariable(--_ctm-meg-dn-mu-im-se-dt-se-se-wh, 1.25);
402
+ }
794
403
  }
795
404
  }
796
405
  }
797
406
 
798
- & > p {
799
- &#{$nodatap} {
800
- font-size: 14px;
801
- color: var(--_gray-500);
802
- }
407
+ // Let the label absorb the free space when a leading icon is
408
+ // present, so `space-between` does not spread the three children.
409
+ &>.flex__menu__item__leading__icon+span {
410
+ flex: 1 1 auto;
803
411
  }
804
412
  }
805
- & > #{$hamburger} {
806
- display: var(--_d-none);
807
- padding: var(--_sf-hm-hr-pd, #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-pg)});
808
- border-radius: var(
809
- --_sf-hm-hr-br,
810
- #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-br-rs)}
811
- );
812
- background: var(--_sf-hm-hr-bd, #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-bd-cr)});
813
-
814
- &[data-show-border="true"] {
815
- border-style: var(
816
- --_sf-hm-hr-bs,
817
- #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-br-se)}
818
- );
819
- border-width: var(
820
- --_sf-hm-hr-bw,
821
- #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-br-wh)}
822
- );
823
- border-color: var(
824
- --_sf-hm-hr-bc,
825
- #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-br-cr)}
826
- );
827
- }
828
413
 
829
- &[data-show-boxshadow="true"] {
830
- box-shadow: var(
831
- --_sf-hm-hr-bsa,
832
- #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-sw-ae)}
833
- )
834
- var(--_sf-hm-hr-blr, #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-sw-br)})
835
- var(--_sf-hm-hr-spr, #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-sw-sd)})
836
- var(--_sf-hm-hr-bscl, prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-sw-cr));
837
- }
414
+ &>#{$es} {
415
+ position: var(--_p-absolute);
838
416
 
839
- &:hover {
840
- --_sf-hm-hr-ic-sz: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-in-se)};
841
- --_sf-hm-hr-ic-clr: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-in-c1)};
417
+ &:is(.hrz > div > div > *) {
418
+ top: 100%; // Need to Integrate top value
842
419
 
843
- --_sf-hm-hr-pd: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-pg)};
844
- --_sf-hm-hr-br: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-br-rs)};
845
- --_sf-hm-hr-bd: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-bd-cr)};
420
+ &:is(#{$mgc}) {
421
+ left: var(--_sf-mg-dm-ps-vl, 0px);
422
+ }
846
423
 
847
- --_sf-hm-hr-bs: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-br-se)};
848
- --_sf-hm-hr-bw: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-br-wh)};
849
- --_sf-hm-hr-bc: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-br-cr)};
424
+ &:is(#{$smp}) {
425
+ left: prepareMediaVariable(--_ctm-dn-sb-mu-cr-cr-ot-x, 0px);
426
+ }
850
427
 
851
- --_sf-hm-hr-bsa: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-sw-ae)};
852
- --_sf-hm-hr-blr: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-sw-br)};
853
- --_sf-hm-hr-spr: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-sw-sd)};
854
- --_sf-hm-hr-bscl: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-sw-cr)};
428
+ // left: 0px;
855
429
  }
856
430
 
857
- & > span {
858
- display: var(--_d-flex);
859
- align-items: center;
860
- justify-content: center;
861
- }
431
+ &:is(.vtl > div > div > *) {
432
+ left: 100%; // Need to Integrate top value
862
433
 
863
- svg {
864
- width: var(--_sf-hm-hr-ic-sz, #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-in-se)});
865
- height: var(
866
- --_sf-hm-hr-ic-sz,
867
- #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-in-se)}
868
- );
869
-
870
- path {
871
- stroke: var(
872
- --_sf-hm-hr-ic-clr,
873
- #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-in-c1)}
874
- );
875
- // Overrides the stroke-width presentation attribute baked into the icon
876
- // markup. Authored on the default state only, so it keeps applying on hover.
877
- stroke-width: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-se-wh, 1.25)};
434
+ &:is(#{$mgc}) {
435
+ // top: var(--_sf-mg-dm-ps-vl, 0px);
436
+ top: 0px;
878
437
  }
879
438
  }
880
- }
881
439
 
882
- @media only screen and (min-width: 10px) {
883
- &.dk {
884
- @include hamburgerCSS();
885
- }
886
- }
440
+ display: var(--_sf-bm-es-at-dp-vl, var(--_d-none)) !important;
887
441
 
888
- @media only screen and (min-width: 10px) and (max-width: 1023px) {
889
- &.tb {
890
- @include hamburgerCSS();
442
+ &:is(#{$activeMg} > *) {
443
+ --_sf-bm-es-at-dp-vl: var(--_d-grid) !important;
891
444
  }
892
445
  }
893
446
 
894
- @media only screen and (min-width: 10px) and (max-width: 767px) {
895
- &.mb {
896
- @include hamburgerCSS();
897
- }
898
- }
447
+ // Sub Item Container
448
+
449
+ // & > ul {
450
+ // &#{$subMenuContainer} {
451
+ // background: prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-bd-cr);
452
+ // border-radius: prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-br-rs);
453
+ // padding: prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-pg);
454
+
455
+ // &:is(#{$hrz} *) {
456
+ // position: absolute;
457
+ // left: calc(50% + #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-cr-ot-x)});
458
+ // width: calc(100% + #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-cr-wh)});
459
+ // top: calc(100% + #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-cr-ot-y)});
460
+ // transform: translateX(-50%);
461
+ // z-index: 2;
462
+ // }
463
+ // &:is(#{$vtl} *) {
464
+ // width: 100%;
465
+ // }
466
+
467
+ // // max-height: 0px;
468
+ // // overflow: clip;
469
+ // max-height: 500px;
470
+ // overflow-y: auto;
471
+ // // animation: animTwo var(--_transition-duration)
472
+ // // var(--_transition-timing-function) 1 forwards alternate;
473
+
474
+ // @keyframes animTwo {
475
+ // 100% {
476
+ // max-height: 500px;
477
+ // overflow-y: auto;
478
+ // }
479
+ // }
480
+
481
+ // &[data-show-border="true"] {
482
+ // border-width: prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-br-wh);
483
+ // border-color: prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-br-cr);
484
+ // border-style: prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-br-se);
485
+ // }
486
+ // &[data-show-boxshadow="true"] {
487
+ // box-shadow: prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-sw-ae)
488
+ // prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-sw-br)
489
+ // prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-sw-sd)
490
+ // prepareMediaVariable(--_ctm-meg-dn-sb-mu-cr-sw-cr);
491
+ // }
492
+
493
+ // & > li {
494
+ // &#{$subMenuItem} {
495
+ // display: var(--_d-flex);
496
+ // flex-direction: column;
497
+
498
+ // padding: var(
499
+ // --_sf-sb-it-at-pd,
500
+ // var(
501
+ // --_sf-sb-it-hr-pd,
502
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-pg)}
503
+ // )
504
+ // );
505
+ // background: var(
506
+ // --_sf-sb-it-at-bd,
507
+ // var(
508
+ // --_sf-sb-it-hr-bd,
509
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-bd-cr)}
510
+ // )
511
+ // );
512
+ // border-radius: var(
513
+ // --_sf-sb-it-at-br,
514
+ // var(
515
+ // --_sf-sb-it-hr-br,
516
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-br-rs)}
517
+ // )
518
+ // );
519
+
520
+ // &[data-show-border="true"] {
521
+ // border-color: var(
522
+ // --_sf-sb-it-at-brc,
523
+ // var(
524
+ // --_sf-sb-it-hr-brc,
525
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-br-cr)}
526
+ // )
527
+ // );
528
+ // border-width: var(
529
+ // --_sf-sb-it-at-bw,
530
+ // var(
531
+ // --_sf-sb-it-hr-bw,
532
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-br-wh)}
533
+ // )
534
+ // );
535
+ // border-style: var(
536
+ // --_sf-sb-it-at-bs,
537
+ // var(
538
+ // --_sf-sb-it-hr-bs,
539
+ // prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-br-se)
540
+ // )
541
+ // );
542
+ // }
543
+ // &[data-show-boxshadow="true"] {
544
+ // box-shadow: var(
545
+ // --_sf-sb-it-at-bsa,
546
+ // var(
547
+ // --_sf-sb-it-hr-bsa,
548
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-sw-ae)}
549
+ // )
550
+ // )
551
+ // var(
552
+ // --_sf-sb-it-at-blr,
553
+ // var(
554
+ // --_sf-sb-it-hr-blr,
555
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-sw-br)}
556
+ // )
557
+ // )
558
+ // var(
559
+ // --_sf-sb-it-at-spr,
560
+ // var(
561
+ // --_sf-sb-it-hr-spr,
562
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-sw-sd)}
563
+ // )
564
+ // )
565
+ // var(
566
+ // --_sf-sb-it-at-bscl,
567
+ // var(
568
+ // --_sf-sb-it-hr-bscl,
569
+ // prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-sw-cr)
570
+ // )
571
+ // );
572
+ // }
573
+
574
+ // &:hover {
575
+ // --_sf-sb-it-hr-pd: #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-hr-se-pg)};
576
+ // --_sf-sb-it-hr-bd: #{prepareMediaVariable(
577
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-bd-cr
578
+ // )};
579
+ // --_sf-sb-it-hr-br: #{prepareMediaVariable(
580
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-br-rs
581
+ // )};
582
+ // --_sf-sb-it-hr-brc: #{prepareMediaVariable(
583
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-br-cr
584
+ // )};
585
+ // --_sf-sb-it-hr-bw: #{prepareMediaVariable(
586
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-br-wh
587
+ // )};
588
+ // --_sf-sb-it-hr-bs: #{prepareMediaVariable(
589
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-br-se
590
+ // )};
591
+ // --_sf-sb-it-hr-bsa: #{prepareMediaVariable(
592
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-sw-ae
593
+ // )};
594
+ // --_sf-sb-it-hr-blr: #{prepareMediaVariable(
595
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-sw-br
596
+ // )};
597
+ // --_sf-sb-it-hr-spr: #{prepareMediaVariable(
598
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-sw-sd
599
+ // )};
600
+ // --_sf-sb-it-hr-bscl: #{prepareMediaVariable(
601
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-sw-cr
602
+ // )};
603
+
604
+ // --_sf-sb-it-hr-ff: #{prepareMediaVariable(
605
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-ft-fy
606
+ // )};
607
+ // --_sf-sb-it-hr-fs: #{prepareMediaVariable(
608
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-ft-se
609
+ // )};
610
+ // --_sf-sb-it-hr-fclr: #{prepareMediaVariable(
611
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-cr
612
+ // )};
613
+ // --_sf-sb-it-hr-fw: #{prepareMediaVariable(
614
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-ft-wt
615
+ // )};
616
+
617
+ // --_sf-sb-it-hr-fsi: #{prepareMediaVariable(
618
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-ft-se-ic
619
+ // )};
620
+ // --_sf-sb-it-hr-td: #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-hr-se-ue)};
621
+ // --_sf-sb-it-hr-tae: #{prepareMediaVariable(
622
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-tt-an
623
+ // )};
624
+ // --_sf-sb-it-hr-ls: #{prepareMediaVariable(
625
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-lr-sg
626
+ // )};
627
+ // --_sf-sb-it-hr-lh: #{prepareMediaVariable(
628
+ // --_ctm-meg-dn-sb-mu-im-se-hr-se-le-ht
629
+ // )};
630
+ // }
631
+ // &.active {
632
+ // --_sf-sb-it-at-pd: #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-sd-se-pg)};
633
+ // --_sf-sb-it-at-bd: #{prepareMediaVariable(
634
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-bd-cr
635
+ // )};
636
+ // --_sf-sb-it-at-br: #{prepareMediaVariable(
637
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-br-rs
638
+ // )};
639
+ // --_sf-sb-it-at-brc: #{prepareMediaVariable(
640
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-br-cr
641
+ // )};
642
+ // --_sf-sb-it-at-bw: #{prepareMediaVariable(
643
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-br-wh
644
+ // )};
645
+ // --_sf-sb-it-at-bs: #{prepareMediaVariable(
646
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-br-se
647
+ // )};
648
+ // --_sf-sb-it-hr-bsa: #{prepareMediaVariable(
649
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-sw-ae
650
+ // )};
651
+ // --_sf-sb-it-at-blr: #{prepareMediaVariable(
652
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-sw-br
653
+ // )};
654
+ // --_sf-sb-it-at-spr: #{prepareMediaVariable(
655
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-sw-sd
656
+ // )};
657
+ // --_sf-sb-it-at-bscl: #{prepareMediaVariable(
658
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-sw-cr
659
+ // )};
660
+
661
+ // --_sf-sb-it-at-ff: #{prepareMediaVariable(
662
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-ft-fy
663
+ // )};
664
+ // --_sf-sb-it-at-fs: #{prepareMediaVariable(
665
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-ft-se
666
+ // )};
667
+ // --_sf-sb-it-at-fclr: #{prepareMediaVariable(
668
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-cr
669
+ // )};
670
+ // --_sf-sb-it-at-fw: #{prepareMediaVariable(
671
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-ft-wt
672
+ // )};
673
+ // --_sf-sb-it-at-fsi: #{prepareMediaVariable(
674
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-ft-se-ic
675
+ // )};
676
+ // --_sf-sb-it-at-td: #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-sd-se-ue)};
677
+ // --_sf-sb-it-at-tae: #{prepareMediaVariable(
678
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-tt-an
679
+ // )};
680
+ // --_sf-sb-it-at-ls: #{prepareMediaVariable(
681
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-lr-sg
682
+ // )};
683
+ // --_sf-sb-it-at-lh: #{prepareMediaVariable(
684
+ // --_ctm-meg-dn-sb-mu-im-se-sd-se-le-ht
685
+ // )};
686
+ // }
687
+
688
+ // & > a {
689
+ // display: var(--_d-flex);
690
+ // justify-content: space-between;
691
+ // align-items: center;
692
+
693
+ // & > span {
694
+ // display: var(--_d-flex);
695
+
696
+ // &#{$subMenuItemText} {
697
+ // font-family: var(
698
+ // --_sf-it-at-ff,
699
+ // var(
700
+ // --_sf-it-hr-ff,
701
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-ft-fy)}
702
+ // )
703
+ // ),
704
+ // font-size: var(
705
+ // --_sf-sb-it-at-fs,
706
+ // var(
707
+ // --_sf-sb-it-hr-fs,
708
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-ft-se)}
709
+ // )
710
+ // );
711
+ // color: var(
712
+ // --_sf-sb-it-at-fclr,
713
+ // var(
714
+ // --_sf-sb-it-hr-fclr,
715
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-cr)}
716
+ // )
717
+ // );
718
+ // font-weight: var(
719
+ // --_sf-sb-it-at-fw,
720
+ // var(
721
+ // --_sf-sb-it-hr-fw,
722
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-fw-se-ft-wt)}
723
+ // )
724
+ // );
725
+ // font-style: var(
726
+ // --_sf-sb-it-at-fsi,
727
+ // var(
728
+ // --_sf-sb-it-hr-fsi,
729
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-ft-se-ic)}
730
+ // )
731
+ // );
732
+ // text-decoration: var(
733
+ // --_sf-sb-it-at-td,
734
+ // var(
735
+ // --_sf-sb-it-hr-td,
736
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-ue)}
737
+ // )
738
+ // );
739
+ // text-align: var(
740
+ // --_sf-sb-it-at-tae,
741
+ // var(
742
+ // --_sf-sb-it-hr-tae,
743
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-tt-an)}
744
+ // )
745
+ // );
746
+ // letter-spacing: var(
747
+ // --_sf-sb-it-at-ls,
748
+ // var(
749
+ // --_sf-sb-it-hr-ls,
750
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-lr-sg)}
751
+ // )
752
+ // );
753
+ // line-height: var(
754
+ // --_sf-sb-it-at-lh,
755
+ // var(
756
+ // --_sf-sb-it-hr-lh,
757
+ // #{prepareMediaVariable(--_ctm-meg-dn-sb-mu-im-se-dt-se-le-ht)}
758
+ // )
759
+ // );
760
+ // }
761
+ // }
762
+ // }
763
+ // }
764
+ // }
765
+ // }
766
+ // }
899
767
  }
900
768
  }
901
769
  }
770
+
771
+ &>p {
772
+ &#{$nodatap} {
773
+ font-size: 14px;
774
+ color: var(--_gray-500);
775
+ }
776
+ }
777
+ }
778
+
779
+ &>#{$hamburger} {
780
+ display: var(--_d-none);
781
+ padding: var(--_sf-hm-hr-pd, #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-pg)});
782
+ border-radius: var(--_sf-hm-hr-br,
783
+ #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-br-rs)});
784
+ background: var(--_sf-hm-hr-bd, #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-bd-cr)});
785
+
786
+ &[data-show-border="true"] {
787
+ border-style: var(--_sf-hm-hr-bs,
788
+ #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-br-se)});
789
+ border-width: var(--_sf-hm-hr-bw,
790
+ #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-br-wh)});
791
+ border-color: var(--_sf-hm-hr-bc,
792
+ #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-br-cr)});
793
+ }
794
+
795
+ &[data-show-boxshadow="true"] {
796
+ box-shadow: var(--_sf-hm-hr-bsa,
797
+ #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-sw-ae)}) var(--_sf-hm-hr-blr, #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-sw-br)}) var(--_sf-hm-hr-spr, #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-sw-sd)}) var(--_sf-hm-hr-bscl, prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-sw-cr));
798
+ }
799
+
800
+ &:hover {
801
+ --_sf-hm-hr-ic-sz: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-in-se)};
802
+ --_sf-hm-hr-ic-clr: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-in-c1)};
803
+
804
+ --_sf-hm-hr-pd: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-pg)};
805
+ --_sf-hm-hr-br: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-br-rs)};
806
+ --_sf-hm-hr-bd: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-bd-cr)};
807
+
808
+ --_sf-hm-hr-bs: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-br-se)};
809
+ --_sf-hm-hr-bw: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-br-wh)};
810
+ --_sf-hm-hr-bc: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-br-cr)};
811
+
812
+ --_sf-hm-hr-bsa: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-sw-ae)};
813
+ --_sf-hm-hr-blr: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-sw-br)};
814
+ --_sf-hm-hr-spr: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-sw-sd)};
815
+ --_sf-hm-hr-bscl: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-hr-se-sw-cr)};
816
+ }
817
+
818
+ &>span {
819
+ display: var(--_d-flex);
820
+ align-items: center;
821
+ justify-content: center;
822
+ }
823
+
824
+ svg {
825
+ width: var(--_sf-hm-hr-ic-sz, #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-in-se)});
826
+ height: var(--_sf-hm-hr-ic-sz,
827
+ #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-in-se)});
828
+
829
+ path {
830
+ stroke: var(--_sf-hm-hr-ic-clr,
831
+ #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-in-c1)});
832
+ // Overrides the stroke-width presentation attribute baked into the icon
833
+ // markup. Authored on the default state only, so it keeps applying on hover.
834
+ stroke-width: #{prepareMediaVariable(--_ctm-meg-dn-hr-se-dt-se-se-wh, 1.25)};
835
+ }
836
+ }
837
+ }
838
+
839
+ @media only screen and (min-width: 10px) {
840
+ &.dk {
841
+ @include hamburgerCSS();
842
+ }
843
+ }
844
+
845
+ @media only screen and (min-width: 10px) and (max-width: 1023px) {
846
+ &.tb {
847
+ @include hamburgerCSS();
848
+ }
849
+ }
850
+
851
+ @media only screen and (min-width: 10px) and (max-width: 767px) {
852
+ &.mb {
853
+ @include hamburgerCSS();
854
+ }
855
+ }
856
+ }
857
+ }
902
858
  }
859
+ }