@sc-360-v2/storefront-cms-library 0.3.48 → 0.3.50

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 (63) hide show
  1. package/dist/add-products-tab copy.scss +1 -1
  2. package/dist/add-products-tab.scss +54 -24
  3. package/dist/allocationDetails.scss +36 -33
  4. package/dist/allocations.scss +7 -11
  5. package/dist/badge.scss +1 -1
  6. package/dist/builder.js +1 -1
  7. package/dist/bulk-variant-picker.scss +21 -23
  8. package/dist/button copy.scss +2 -3
  9. package/dist/button.scss +1 -1
  10. package/dist/buy-for-tab.scss +31 -34
  11. package/dist/buyForHeaders.scss +879 -55
  12. package/dist/cart-details.scss +4 -1
  13. package/dist/cart-summary.scss +161 -0
  14. package/dist/cartDropdownOverlay.scss +4 -2
  15. package/dist/checkout.scss +4 -0
  16. package/dist/confirmationModal.scss +0 -1
  17. package/dist/container.scss +1 -1
  18. package/dist/dropdownTemplate.scss +21 -5
  19. package/dist/empty-states.scss +34 -1
  20. package/dist/emtpy-templates.scss +84 -0
  21. package/dist/filters.scss +3 -5
  22. package/dist/globals.scss +16 -3
  23. package/dist/grid.scss +9 -2
  24. package/dist/icon-list.scss +3 -3
  25. package/dist/image-temp.scss +6 -4
  26. package/dist/item-stock.scss +1 -1
  27. package/dist/language-selector.scss +5 -5
  28. package/dist/layouter-pro-item.scss +1 -1
  29. package/dist/layouter-pro.scss +1 -1
  30. package/dist/menu-item.scss +1 -1
  31. package/dist/menu-v2.scss +3 -5
  32. package/dist/order-status.scss +96 -53
  33. package/dist/overflow-module.scss +1 -1
  34. package/dist/past-orders.scss +1 -1
  35. package/dist/payment-methods.scss +1 -1
  36. package/dist/position-module.scss +1 -1
  37. package/dist/prefix-list.scss +1 -1
  38. package/dist/product-actions.scss +19 -19
  39. package/dist/product-basic-elements.scss +13 -13
  40. package/dist/product-options.scss +6 -7
  41. package/dist/product-sizechart.scss +9 -15
  42. package/dist/profile.scss +1 -1
  43. package/dist/quantity-selector.scss +11 -11
  44. package/dist/quick-links.scss +1 -1
  45. package/dist/quotes.scss +1 -1
  46. package/dist/repeater.scss +3 -5
  47. package/dist/responsive-behaviour.scss +1 -1
  48. package/dist/rfqs.scss +1 -1
  49. package/dist/section.scss +1 -1
  50. package/dist/shipping-payments.scss +5 -1
  51. package/dist/stack.scss +1 -1
  52. package/dist/text-temp-v2.scss +3 -3
  53. package/dist/types/builder/enums/index.d.ts +2 -1
  54. package/dist/types/builder/tools/element-edit/addProductsTab.d.ts +1 -0
  55. package/dist/types/builder/tools/element-edit/buttonInstance.d.ts +23 -1
  56. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +990 -210
  57. package/dist/types/builder/tools/element-edit/userElements.d.ts +120 -0
  58. package/dist/user-elements copy.scss +1437 -0
  59. package/dist/user-elements.scss +263 -175
  60. package/dist/variant-picker.scss +16 -13
  61. package/dist/video.scss +1 -1
  62. package/dist/widget.scss +1 -0
  63. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "./functions.scss" as *;
3
+ @use "../functions.scss" as *;
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "./functions.scss" as *;
3
+ @use "../functions.scss" as *;
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
@@ -43,7 +43,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
43
43
  );
44
44
  font-weight: var(
45
45
  --_ctm-mob-dn-hr-te-ft-wt,
46
- var(--_ctm-tab-dn-hr-te-ft-wtvar(--_ctm-dn-hr-te-ft-wt))
46
+ var(--_ctm-tab-dn-hr-te-ft-wt, var(--_ctm-dn-hr-te-ft-wt))
47
47
  );
48
48
  line-height: var(
49
49
  --_ctm-mob-dn-hr-te-le-ht,
@@ -699,27 +699,61 @@ $resizeActive: '[data-cms-element-resizer="true"]';
699
699
  width: 100%;
700
700
  // height: 56px;
701
701
  opacity: 1;
702
- border-radius: 4px;
703
702
  gap: 8px;
704
703
  padding-top: 12px;
705
704
  padding-right: 24px;
706
705
  padding-bottom: 12px;
707
706
  padding-left: 24px;
708
- border-width: 1px;
709
- background: #243dc6;
710
- border: 1px solid #243dc6;
707
+ border-style: var(
708
+ --_ctm-mob-dn-pt-ds-at-br-se,
709
+ var(--_ctm-tab-dn-pt-ds-at-br-se, var(--_ctm-dn-pt-ds-at-br-se))
710
+ );
711
+ border-width: var(
712
+ --_ctm-mob-dn-pt-ds-at-br-wh,
713
+ var(--_ctm-tab-dn-pt-ds-at-br-wh, var(--_ctm-dn-pt-ds-at-br-wh))
714
+ );
715
+ border-radius: var(
716
+ --_ctm-mob-dn-pt-ds-at-br-rs,
717
+ var(--_ctm-tab-dn-pt-ds-at-br-rs, var(--_ctm-dn-pt-ds-at-br-rs))
718
+ );
719
+ border-color: var(
720
+ --_ctm-mob-dn-pt-ds-at-br-cr,
721
+ var(--_ctm-tab-dn-pt-ds-at-br-cr, var(--_ctm-dn-pt-ds-at-br-cr))
722
+ );
723
+ background: var(
724
+ --_ctm-mob-dn-pt-ds-at-bd-cr,
725
+ var(--_ctm-tab-dn-pt-ds-at-bd-cr, var(--_ctm-dn-pt-ds-at-bd-cr))
726
+ );
711
727
  box-shadow: 0px 1px 2px 0px #1018280d;
712
728
  text-align: center;
713
729
  span {
714
730
  vertical-align: middle;
715
731
  }
716
732
  button {
717
- font-family: Lato;
718
- font-weight: 600;
719
- font-size: 16px;
720
- line-height: 24px;
721
- letter-spacing: 0%;
722
- color: #ffffff;
733
+ font-family: var(
734
+ --_ctm-mob-dn-pt-ds-at-ft-fy,
735
+ var(--_ctm-tab-dn-pt-ds-at-ft-fy, var(--_ctm-dn-pt-ds-at-ft-fy))
736
+ );
737
+ font-weight: var(
738
+ --_ctm-mob-dn-pt-ds-at-ft-wt,
739
+ var(--_ctm-tab-dn-pt-ds-at-ft-wt, var(--_ctm-dn-pt-ds-at-ft-wt))
740
+ );
741
+ font-size: var(
742
+ --_ctm-mob-dn-pt-ds-at-ft-se,
743
+ var(--_ctm-tab-dn-pt-ds-at-ft-se, var(--_ctm-dn-pt-ds-at-ft-se))
744
+ );
745
+ line-height: var(
746
+ --_ctm-mob-dn-pt-ds-at-le-ht,
747
+ var(--_ctm-tab-dn-pt-ds-at-le-ht, var(--_ctm-dn-pt-ds-at-le-ht))
748
+ );
749
+ letter-spacing: var(
750
+ --_ctm-mob-dn-pt-ds-at-lr-sg,
751
+ var(--_ctm-tab-dn-pt-ds-at-lr-sg, var(--_ctm-dn-pt-ds-at-lr-sg))
752
+ );
753
+ color: var(
754
+ --_ctm-mob-dn-pt-ds-at-cr,
755
+ var(--_ctm-tab-dn-pt-ds-at-cr, var(--_ctm-dn-pt-ds-at-cr))
756
+ );
723
757
  }
724
758
  }
725
759
  .variant__container {
@@ -781,8 +815,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
781
815
  --_ctm-mob-dn-sw-me-is-bn-bd-cr,
782
816
  var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
783
817
  );
784
- font-family:
785
- var(
818
+ font-family: var(
786
819
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
787
820
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
788
821
  ),
@@ -1376,8 +1409,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1376
1409
  --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1377
1410
  var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1378
1411
  );
1379
- font-family:
1380
- var(
1412
+ font-family: var(
1381
1413
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1382
1414
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1383
1415
  ),
@@ -1472,7 +1504,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1472
1504
 
1473
1505
  // height: prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-se);
1474
1506
  // width: prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-se);
1475
- padding: prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-pg);
1507
+ // padding: prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-pg);
1508
+ padding:var(--_ctm-mob-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-pg,var(--_ctm-tab-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-pg,var(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-pg)));
1476
1509
  min-width: 20px;
1477
1510
  min-height: 20px;
1478
1511
  box-sizing: content-box;
@@ -1525,8 +1558,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1525
1558
  --_sf-hr-cr,
1526
1559
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-cr)
1527
1560
  );
1528
- font-family:
1529
- var(
1561
+ font-family: var(
1530
1562
  --_sf-hr-ft-fy,
1531
1563
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-ft-fy)
1532
1564
  ),
@@ -1879,8 +1911,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1879
1911
  --_sf-sd-cr,
1880
1912
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-cr)
1881
1913
  );
1882
- font-family:
1883
- var(
1914
+ font-family: var(
1884
1915
  --_sf-sd-ft-fy,
1885
1916
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-ft-fy)
1886
1917
  ),
@@ -2001,8 +2032,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2001
2032
  --_ctm-mob-dn-pt-ds-vt-pr-on-te-cr,
2002
2033
  var(--_ctm-tab-dn-pt-ds-vt-pr-on-te-cr, var(--_ctm-dn-pt-ds-vt-pr-on-te-cr))
2003
2034
  );
2004
- font-family:
2005
- var(
2035
+ font-family: var(
2006
2036
  --_ctm-mob-dn-pt-ds-vt-pr-on-te-ft-fy,
2007
2037
  var(--_ctm-tab-dn-pt-ds-vt-pr-on-te-ft-fy, var(--_ctm-dn-pt-ds-vt-pr-on-te-ft-fy))
2008
2038
  ),
@@ -3517,7 +3547,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
3517
3547
  position: relative;
3518
3548
  display: flex;
3519
3549
  flex-direction: column;
3520
- padding: 20px;
3550
+ // padding: 20px;
3521
3551
  // overflow: hidden;
3522
3552
 
3523
3553
  .embla__viewport {
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "./functions.scss" as *;
3
+ @use "../functions.scss" as *;
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
@@ -108,8 +108,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
108
108
  height: 100%;
109
109
  .title {
110
110
  color: var(--_ctm-mob-dn-te-cr, var(--_ctm-tab-dn-te-cr, var(--_ctm-dn-te-cr)));
111
- font-family:
112
- var(--_ctm-mob-dn-te-ft-fy, var(--_ctm-tab-dn-te-ft-fy, var(--_ctm-dn-te-ft-fy))),
111
+ font-family: var(
112
+ --_ctm-mob-dn-te-ft-fy,
113
+ var(--_ctm-tab-dn-te-ft-fy, var(--_ctm-dn-te-ft-fy))
114
+ ),
113
115
  sans-serif;
114
116
  font-size: var(
115
117
  --_ctm-mob-dn-te-ft-se,
@@ -254,8 +256,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
254
256
  --_ctm-mob-dn-an-qa-lt-cr,
255
257
  var(--_ctm-tab-dn-an-qa-lt-cr, var(--_ctm-dn-an-qa-lt-cr))
256
258
  );
257
- font-family:
258
- var(
259
+ font-family: var(
259
260
  --_ctm-mob-dn-an-qa-lt-ft-fy,
260
261
  var(--_ctm-tab-dn-an-qa-lt-ft-fy, var(--_ctm-dn-an-qa-lt-ft-fy))
261
262
  ),
@@ -296,8 +297,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
296
297
  --_ctm-mob-dn-an-qa-lt-cr-dc,
297
298
  var(--_ctm-tab-dn-an-qa-lt-cr-dc, var(--_ctm-dn-an-qa-lt-cr-dc))
298
299
  );
299
- font-family:
300
- var(
300
+ font-family: var(
301
301
  --_ctm-mob-dn-an-qa-lt-ft-fy-dc,
302
302
  var(--_ctm-tab-dn-an-qa-lt-ft-fy-dc, var(--_ctm-dn-an-qa-lt-ft-fy-dc))
303
303
  ),
@@ -338,8 +338,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
338
338
  --_ctm-mob-dn-an-es-in-cr,
339
339
  var(--_ctm-tab-dn-an-es-in-cr, var(--_ctm-dn-an-es-in-cr))
340
340
  );
341
- font-family:
342
- var(
341
+ font-family: var(
343
342
  --_ctm-mob-dn-an-es-in-ft-fy,
344
343
  var(--_ctm-tab-dn-an-es-in-ft-fy, var(--_ctm-dn-an-es-in-ft-fy))
345
344
  ),
@@ -380,8 +379,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
380
379
  --_ctm-mob-dn-an-es-in-cr-dc,
381
380
  var(--_ctm-tab-dn-an-es-in-cr-dc, var(--_ctm-dn-an-es-in-cr-dc))
382
381
  );
383
- font-family:
384
- var(
382
+ font-family: var(
385
383
  --_ctm-mob-dn-an-es-in-ft-fy-dc,
386
384
  var(--_ctm-tab-dn-an-es-in-ft-fy-dc, var(--_ctm-dn-an-es-in-ft-fy-dc))
387
385
  ),
@@ -468,8 +466,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
468
466
  --_ctm-mob-dn-an-an-ne-cr,
469
467
  var(--_ctm-tab-dn-an-an-ne-cr, var(--_ctm-dn-an-an-ne-cr))
470
468
  );
471
- font-family:
472
- var(
469
+ font-family: var(
473
470
  --_ctm-mob-dn-an-an-ne-ft-fy,
474
471
  var(--_ctm-tab-dn-an-an-ne-ft-fy, var(--_ctm-dn-an-an-ne-ft-fy))
475
472
  ),
@@ -839,8 +836,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
839
836
  height: 100%;
840
837
 
841
838
  color: var(--_ctm-mob-dn-ne-cr, var(--_ctm-tab-dn-ne-cr, var(--_ctm-dn-ne-cr)));
842
- font-family:
843
- var(--_ctm-mob-dn-ne-ft-fy, var(--_ctm-tab-dn-ne-ft-fy, var(--_ctm-dn-ne-ft-fy))),
839
+ font-family: var(
840
+ --_ctm-mob-dn-ne-ft-fy,
841
+ var(--_ctm-tab-dn-ne-ft-fy, var(--_ctm-dn-ne-ft-fy))
842
+ ),
844
843
  sans-serif;
845
844
  font-size: var(
846
845
  --_ctm-mob-dn-ne-ft-se,
@@ -899,8 +898,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
899
898
  --_ctm-mob-dn-bd-cr-dc,
900
899
  var(--_ctm-tab-dn-bd-cr-dc, var(--_ctm-dn-bd-cr-dc))
901
900
  );
902
- font-family:
903
- var(
901
+ font-family: var(
904
902
  --_ctm-mob-dn-bd-ft-fy-dc,
905
903
  var(--_ctm-tab-dn-bd-ft-fy-dc, var(--_ctm-dn-bd-ft-fy-dc))
906
904
  ),
@@ -936,8 +934,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
936
934
  }
937
935
  .label {
938
936
  color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
939
- font-family:
940
- var(--_ctm-mob-dn-bd-ft-fy, var(--_ctm-tab-dn-bd-ft-fy, var(--_ctm-dn-bd-ft-fy))),
937
+ font-family: var(
938
+ --_ctm-mob-dn-bd-ft-fy,
939
+ var(--_ctm-tab-dn-bd-ft-fy, var(--_ctm-dn-bd-ft-fy))
940
+ ),
941
941
  sans-serif;
942
942
  font-size: var(
943
943
  --_ctm-mob-dn-bd-ft-se,
@@ -981,8 +981,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
981
981
  --_ctm-mob-dn-ce-cr-dc,
982
982
  var(--_ctm-tab-dn-ce-cr-dc, var(--_ctm-dn-ce-cr-dc))
983
983
  );
984
- font-family:
985
- var(
984
+ font-family: var(
986
985
  --_ctm-mob-dn-ce-ft-fy-dc,
987
986
  var(--_ctm-tab-dn-ce-ft-fy-dc, var(--_ctm-dn-ce-ft-fy-dc))
988
987
  ),
@@ -1018,8 +1017,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1018
1017
  }
1019
1018
  .label {
1020
1019
  color: var(--_ctm-mob-dn-ce-cr, var(--_ctm-tab-dn-ce-cr, var(--_ctm-dn-ce-cr)));
1021
- font-family:
1022
- var(--_ctm-mob-dn-ce-ft-fy, var(--_ctm-tab-dn-ce-ft-fy, var(--_ctm-dn-ce-ft-fy))),
1020
+ font-family: var(
1021
+ --_ctm-mob-dn-ce-ft-fy,
1022
+ var(--_ctm-tab-dn-ce-ft-fy, var(--_ctm-dn-ce-ft-fy))
1023
+ ),
1023
1024
  sans-serif;
1024
1025
  font-size: var(
1025
1026
  --_ctm-mob-dn-ce-ft-se,
@@ -1089,8 +1090,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1089
1090
  height: 100%;
1090
1091
 
1091
1092
  color: var(--_ctm-mob-dn-pe-cr, var(--_ctm-tab-dn-pe-cr, var(--_ctm-dn-pe-cr)));
1092
- font-family:
1093
- var(--_ctm-mob-dn-pe-ft-fy, var(--_ctm-tab-dn-pe-ft-fy, var(--_ctm-dn-pe-ft-fy))),
1093
+ font-family: var(
1094
+ --_ctm-mob-dn-pe-ft-fy,
1095
+ var(--_ctm-tab-dn-pe-ft-fy, var(--_ctm-dn-pe-ft-fy))
1096
+ ),
1094
1097
  sans-serif;
1095
1098
  font-size: var(
1096
1099
  --_ctm-mob-dn-pe-ft-se,
@@ -1251,8 +1254,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1251
1254
  --_ctm-mob-dn-qa-ds-qa-lt-cr,
1252
1255
  var(--_ctm-tab-dn-qa-ds-qa-lt-cr, var(--_ctm-dn-qa-ds-qa-lt-cr))
1253
1256
  );
1254
- font-family:
1255
- var(
1257
+ font-family: var(
1256
1258
  --_ctm-mob-dn-qa-ds-qa-lt-ft-fy,
1257
1259
  var(--_ctm-tab-dn-qa-ds-qa-lt-ft-fy, var(--_ctm-dn-qa-ds-qa-lt-ft-fy))
1258
1260
  ),
@@ -1313,8 +1315,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1313
1315
  --_ctm-mob-dn-qa-ds-ds-lt-cr,
1314
1316
  var(--_ctm-tab-dn-qa-ds-ds-lt-cr, var(--_ctm-dn-qa-ds-ds-lt-cr))
1315
1317
  );
1316
- font-family:
1317
- var(
1318
+ font-family: var(
1318
1319
  --_ctm-mob-dn-qa-ds-ds-lt-ft-fy,
1319
1320
  var(--_ctm-tab-dn-qa-ds-ds-lt-ft-fy, var(--_ctm-dn-qa-ds-ds-lt-ft-fy))
1320
1321
  ),
@@ -1610,8 +1611,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1610
1611
 
1611
1612
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-cr));
1612
1613
 
1613
- font-family:
1614
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)), sans-serif;
1614
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)),
1615
+ sans-serif;
1615
1616
 
1616
1617
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-se));
1617
1618
 
@@ -1808,8 +1809,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1808
1809
 
1809
1810
  color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-cr));
1810
1811
 
1811
- font-family:
1812
- var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)),
1812
+ font-family: var(
1813
+ --_sf-sd-ft-fy,
1814
+ prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)
1815
+ ),
1813
1816
  sans-serif;
1814
1817
 
1815
1818
  font-size: var(--_sf-sd-ft-se, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-se));
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "./functions.scss" as *;
3
+ @use "../functions.scss" as *;
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
@@ -263,8 +263,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
263
263
 
264
264
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-cr));
265
265
 
266
- font-family:
267
- var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-ft-fy)), sans-serif;
266
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-ft-fy)),
267
+ sans-serif;
268
268
 
269
269
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-ft-se));
270
270
 
@@ -584,8 +584,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
584
584
  var(--_ctm-tab-dn-hr-tt-cr, var(--_ctm-dn-hr-tt-cr))
585
585
  );
586
586
 
587
- font-family:
588
- var(
587
+ font-family: var(
589
588
  --_ctm-mob-dn-hr-tt-ft-fy,
590
589
  var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
591
590
  ),
@@ -651,8 +650,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
651
650
  )
652
651
  );
653
652
 
654
- font-family:
655
- var(
653
+ font-family: var(
656
654
  --_sf-hr-ff,
657
655
  var(
658
656
  --_ctm-mob-dn-rw-tt-ft-fy,
@@ -783,8 +781,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
783
781
  )
784
782
  );
785
783
 
786
- font-family:
787
- var(
784
+ font-family: var(
788
785
  --_sf-hr-ff,
789
786
  var(
790
787
  --_ctm-mob-dn-pn-dt-se-ft-fy,
@@ -888,8 +885,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
888
885
  var(--_ctm-tab-dn-ld-me-bn-cr, var(--_ctm-dn-ld-me-bn-cr))
889
886
  )
890
887
  );
891
- font-family:
892
- var(
888
+ font-family: var(
893
889
  --_sf-hr-ff,
894
890
  var(
895
891
  --_ctm-mob-dn-ld-me-bn-ft-fy,
package/dist/badge.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use "sass:map";
2
2
  @use "sass:list";
3
- @use "./functions.scss" as *;
3
+ @use "../functions.scss" as *;
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';