@sc-360-v2/storefront-cms-library 0.3.51 → 0.3.53

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 (52) hide show
  1. package/dist/add-products-tab copy.scss +1 -1
  2. package/dist/add-products-tab.scss +67 -23
  3. package/dist/allocationDetails.scss +33 -36
  4. package/dist/allocations.scss +11 -7
  5. package/dist/badge.scss +1 -1
  6. package/dist/builder.js +1 -1
  7. package/dist/bulk-order-pad.scss +1 -1
  8. package/dist/bulk-variant-picker.scss +23 -21
  9. package/dist/button copy.scss +3 -2
  10. package/dist/button.scss +1 -1
  11. package/dist/buyForHeaders.scss +2 -1
  12. package/dist/checkout.scss +634 -817
  13. package/dist/container.scss +1 -1
  14. package/dist/employee-bulk-order.scss +295 -126
  15. package/dist/filters.scss +5 -3
  16. package/dist/grid.scss +1 -1
  17. package/dist/icon-list.scss +3 -3
  18. package/dist/icons.js +1 -1
  19. package/dist/image-temp.scss +1 -1
  20. package/dist/index.js +1 -1
  21. package/dist/item-stock.scss +1 -1
  22. package/dist/language-selector.scss +5 -5
  23. package/dist/layouter-pro-item.scss +1 -1
  24. package/dist/layouter-pro.scss +1 -1
  25. package/dist/menu-item.scss +1 -1
  26. package/dist/menu-v2.scss +5 -3
  27. package/dist/order-status.scss +1 -1
  28. package/dist/overflow-module.scss +1 -1
  29. package/dist/past-orders.scss +1 -1
  30. package/dist/payment-methods.scss +1 -1
  31. package/dist/position-module.scss +1 -1
  32. package/dist/prefix-list.scss +1 -1
  33. package/dist/product-actions.scss +19 -19
  34. package/dist/product-basic-elements.scss +13 -13
  35. package/dist/product-options.scss +7 -6
  36. package/dist/product-sizechart.scss +15 -9
  37. package/dist/profile.scss +1 -1
  38. package/dist/quantity-selector.scss +11 -11
  39. package/dist/quick-links.scss +1 -1
  40. package/dist/quotes.scss +1 -1
  41. package/dist/repeater.scss +5 -3
  42. package/dist/responsive-behaviour.scss +1 -1
  43. package/dist/rfqs.scss +1 -1
  44. package/dist/section.scss +1 -1
  45. package/dist/shipping-payments.scss +650 -491
  46. package/dist/stack.scss +1 -1
  47. package/dist/text-temp-v2.scss +3 -3
  48. package/dist/types/icons/cms-svg-icons.d.ts +1 -1
  49. package/dist/user-elements.scss +1 -1
  50. package/dist/variant-picker.scss +13 -16
  51. package/dist/video.scss +1 -1
  52. 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"]';
@@ -193,7 +193,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
193
193
  border: 0.5px solid transparent;
194
194
  &:hover {
195
195
  background-color: var(--_gray-100);
196
- border: 0.5px solid var(--_primary-400);
196
+ border: 0.5px solid #243dc6;
197
197
  cursor: pointer;
198
198
  border-radius: 4px;
199
199
  }
@@ -403,17 +403,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
403
403
  }
404
404
  }
405
405
  .cart-badge {
406
+ background-color: #ffd700;
407
+ color: #101810;
408
+ border-radius: 4px;
409
+ font-size: 12px;
410
+ font-weight: 400;
411
+ height: 20px;
412
+ width: 20px;
406
413
  position: absolute;
407
- top: -5px;
414
+ top: -8px;
408
415
  right: -8px;
409
- background-color: #ffd400;
410
- color: #000;
411
- border-radius: 4px;
412
- padding: 2px 6px;
413
- font-size: 14px;
414
- font-weight: bold;
415
- min-width: 20px;
416
- text-align: center;
416
+ display: flex;
417
+ align-items: center;
418
+ justify-content: center;
417
419
  }
418
420
  }
419
421
  }
@@ -696,14 +698,20 @@ $resizeActive: '[data-cms-element-resizer="true"]';
696
698
  }
697
699
  }
698
700
  .add-to-cart {
699
- width: 100%;
701
+ // width: 100%;
700
702
  // height: 56px;
701
703
  opacity: 1;
704
+ display: flex;
705
+ align-items: center;
702
706
  gap: 8px;
703
- padding-top: 12px;
704
- padding-right: 24px;
705
- padding-bottom: 12px;
706
- padding-left: 24px;
707
+ // padding-top: 12px;
708
+ // padding-right: 24px;
709
+ // padding-bottom: 12px;
710
+ // padding-left: 24px;
711
+ padding: var(
712
+ --_ctm-mob-dn-pt-ds-at-pg,
713
+ var(--_ctm-tab-dn-pt-ds-at-pg, var(--_ctm-dn-pt-ds-at-pg))
714
+ );
707
715
  border-style: var(
708
716
  --_ctm-mob-dn-pt-ds-at-br-se,
709
717
  var(--_ctm-tab-dn-pt-ds-at-br-se, var(--_ctm-dn-pt-ds-at-br-se))
@@ -726,6 +734,30 @@ $resizeActive: '[data-cms-element-resizer="true"]';
726
734
  );
727
735
  box-shadow: 0px 1px 2px 0px #1018280d;
728
736
  text-align: center;
737
+ font-family: var(
738
+ --_ctm-mob-dn-pt-ds-at-ft-fy,
739
+ var(--_ctm-tab-dn-pt-ds-at-ft-fy, var(--_ctm-dn-pt-ds-at-ft-fy))
740
+ );
741
+ font-weight: var(
742
+ --_ctm-mob-dn-pt-ds-at-ft-wt,
743
+ var(--_ctm-tab-dn-pt-ds-at-ft-wt, var(--_ctm-dn-pt-ds-at-ft-wt))
744
+ );
745
+ font-size: var(
746
+ --_ctm-mob-dn-pt-ds-at-ft-se,
747
+ var(--_ctm-tab-dn-pt-ds-at-ft-se, var(--_ctm-dn-pt-ds-at-ft-se))
748
+ );
749
+ line-height: var(
750
+ --_ctm-mob-dn-pt-ds-at-le-ht,
751
+ var(--_ctm-tab-dn-pt-ds-at-le-ht, var(--_ctm-dn-pt-ds-at-le-ht))
752
+ );
753
+ letter-spacing: var(
754
+ --_ctm-mob-dn-pt-ds-at-lr-sg,
755
+ var(--_ctm-tab-dn-pt-ds-at-lr-sg, var(--_ctm-dn-pt-ds-at-lr-sg))
756
+ );
757
+ color: var(
758
+ --_ctm-mob-dn-pt-ds-at-cr,
759
+ var(--_ctm-tab-dn-pt-ds-at-cr, var(--_ctm-dn-pt-ds-at-cr))
760
+ );
729
761
  span {
730
762
  vertical-align: middle;
731
763
  }
@@ -815,7 +847,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
815
847
  --_ctm-mob-dn-sw-me-is-bn-bd-cr,
816
848
  var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
817
849
  );
818
- font-family: var(
850
+ font-family:
851
+ var(
819
852
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
820
853
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
821
854
  ),
@@ -1381,7 +1414,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1381
1414
  display: flex;
1382
1415
  gap: 8px;
1383
1416
  flex-wrap: wrap;
1384
- margin-bottom: 10px;
1417
+ // margin-bottom: 10px;
1385
1418
  flex-direction: row;
1386
1419
  gap: var(
1387
1420
  --_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-sg,
@@ -1409,7 +1442,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1409
1442
  --_ctm-mob-dn-sw-me-is-bn-bd-cr,
1410
1443
  var(--_ctm-tab-dn-sw-me-is-bn-bd-cr, var(--_ctm-dn-sw-me-is-bn-bd-cr))
1411
1444
  );
1412
- font-family: var(
1445
+ font-family:
1446
+ var(
1413
1447
  --_ctm-mob-dn-sw-me-is-bn-ft-fy,
1414
1448
  var(--_ctm-tab-dn-sw-me-is-bn-ft-fy, var(--_ctm-dn-sw-me-is-bn-ft-fy))
1415
1449
  ),
@@ -1505,7 +1539,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1505
1539
  // height: prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-se);
1506
1540
  // width: prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-vt-pr-lt-se-st-dy-se-im-se);
1507
1541
  // 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)));
1542
+ padding: var(
1543
+ --_ctm-mob-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-pg,
1544
+ var(
1545
+ --_ctm-tab-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-pg,
1546
+ var(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-pg)
1547
+ )
1548
+ );
1509
1549
  min-width: 20px;
1510
1550
  min-height: 20px;
1511
1551
  box-sizing: content-box;
@@ -1558,7 +1598,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1558
1598
  --_sf-hr-cr,
1559
1599
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-cr)
1560
1600
  );
1561
- font-family: var(
1601
+ font-family:
1602
+ var(
1562
1603
  --_sf-hr-ft-fy,
1563
1604
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-ft-fy)
1564
1605
  ),
@@ -1911,7 +1952,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1911
1952
  --_sf-sd-cr,
1912
1953
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-cr)
1913
1954
  );
1914
- font-family: var(
1955
+ font-family:
1956
+ var(
1915
1957
  --_sf-sd-ft-fy,
1916
1958
  prepareMediaVariable(--_ctm-dn-pt-ds-vt-pr-se-on-ve-se-dt-se-ft-fy)
1917
1959
  ),
@@ -2032,7 +2074,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2032
2074
  --_ctm-mob-dn-pt-ds-vt-pr-on-te-cr,
2033
2075
  var(--_ctm-tab-dn-pt-ds-vt-pr-on-te-cr, var(--_ctm-dn-pt-ds-vt-pr-on-te-cr))
2034
2076
  );
2035
- font-family: var(
2077
+ font-family:
2078
+ var(
2036
2079
  --_ctm-mob-dn-pt-ds-vt-pr-on-te-ft-fy,
2037
2080
  var(--_ctm-tab-dn-pt-ds-vt-pr-on-te-ft-fy, var(--_ctm-dn-pt-ds-vt-pr-on-te-ft-fy))
2038
2081
  ),
@@ -3602,6 +3645,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
3602
3645
  & > img {
3603
3646
  width: 100%;
3604
3647
  height: 100%;
3648
+ object-fit: contain;
3605
3649
  }
3606
3650
  }
3607
3651
  }
@@ -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,10 +108,8 @@ $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: var(
112
- --_ctm-mob-dn-te-ft-fy,
113
- var(--_ctm-tab-dn-te-ft-fy, var(--_ctm-dn-te-ft-fy))
114
- ),
111
+ font-family:
112
+ var(--_ctm-mob-dn-te-ft-fy, var(--_ctm-tab-dn-te-ft-fy, var(--_ctm-dn-te-ft-fy))),
115
113
  sans-serif;
116
114
  font-size: var(
117
115
  --_ctm-mob-dn-te-ft-se,
@@ -256,7 +254,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
256
254
  --_ctm-mob-dn-an-qa-lt-cr,
257
255
  var(--_ctm-tab-dn-an-qa-lt-cr, var(--_ctm-dn-an-qa-lt-cr))
258
256
  );
259
- font-family: var(
257
+ font-family:
258
+ var(
260
259
  --_ctm-mob-dn-an-qa-lt-ft-fy,
261
260
  var(--_ctm-tab-dn-an-qa-lt-ft-fy, var(--_ctm-dn-an-qa-lt-ft-fy))
262
261
  ),
@@ -297,7 +296,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
297
296
  --_ctm-mob-dn-an-qa-lt-cr-dc,
298
297
  var(--_ctm-tab-dn-an-qa-lt-cr-dc, var(--_ctm-dn-an-qa-lt-cr-dc))
299
298
  );
300
- font-family: var(
299
+ font-family:
300
+ 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,7 +338,8 @@ $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: var(
341
+ font-family:
342
+ var(
342
343
  --_ctm-mob-dn-an-es-in-ft-fy,
343
344
  var(--_ctm-tab-dn-an-es-in-ft-fy, var(--_ctm-dn-an-es-in-ft-fy))
344
345
  ),
@@ -379,7 +380,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
379
380
  --_ctm-mob-dn-an-es-in-cr-dc,
380
381
  var(--_ctm-tab-dn-an-es-in-cr-dc, var(--_ctm-dn-an-es-in-cr-dc))
381
382
  );
382
- font-family: var(
383
+ font-family:
384
+ var(
383
385
  --_ctm-mob-dn-an-es-in-ft-fy-dc,
384
386
  var(--_ctm-tab-dn-an-es-in-ft-fy-dc, var(--_ctm-dn-an-es-in-ft-fy-dc))
385
387
  ),
@@ -466,7 +468,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
466
468
  --_ctm-mob-dn-an-an-ne-cr,
467
469
  var(--_ctm-tab-dn-an-an-ne-cr, var(--_ctm-dn-an-an-ne-cr))
468
470
  );
469
- font-family: var(
471
+ font-family:
472
+ var(
470
473
  --_ctm-mob-dn-an-an-ne-ft-fy,
471
474
  var(--_ctm-tab-dn-an-an-ne-ft-fy, var(--_ctm-dn-an-an-ne-ft-fy))
472
475
  ),
@@ -836,10 +839,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
836
839
  height: 100%;
837
840
 
838
841
  color: var(--_ctm-mob-dn-ne-cr, var(--_ctm-tab-dn-ne-cr, var(--_ctm-dn-ne-cr)));
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
- ),
842
+ font-family:
843
+ var(--_ctm-mob-dn-ne-ft-fy, var(--_ctm-tab-dn-ne-ft-fy, var(--_ctm-dn-ne-ft-fy))),
843
844
  sans-serif;
844
845
  font-size: var(
845
846
  --_ctm-mob-dn-ne-ft-se,
@@ -898,7 +899,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
898
899
  --_ctm-mob-dn-bd-cr-dc,
899
900
  var(--_ctm-tab-dn-bd-cr-dc, var(--_ctm-dn-bd-cr-dc))
900
901
  );
901
- font-family: var(
902
+ font-family:
903
+ var(
902
904
  --_ctm-mob-dn-bd-ft-fy-dc,
903
905
  var(--_ctm-tab-dn-bd-ft-fy-dc, var(--_ctm-dn-bd-ft-fy-dc))
904
906
  ),
@@ -934,10 +936,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
934
936
  }
935
937
  .label {
936
938
  color: var(--_ctm-mob-dn-bd-cr, var(--_ctm-tab-dn-bd-cr, var(--_ctm-dn-bd-cr)));
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
- ),
939
+ font-family:
940
+ var(--_ctm-mob-dn-bd-ft-fy, var(--_ctm-tab-dn-bd-ft-fy, var(--_ctm-dn-bd-ft-fy))),
941
941
  sans-serif;
942
942
  font-size: var(
943
943
  --_ctm-mob-dn-bd-ft-se,
@@ -981,7 +981,8 @@ $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: var(
984
+ font-family:
985
+ var(
985
986
  --_ctm-mob-dn-ce-ft-fy-dc,
986
987
  var(--_ctm-tab-dn-ce-ft-fy-dc, var(--_ctm-dn-ce-ft-fy-dc))
987
988
  ),
@@ -1017,10 +1018,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1017
1018
  }
1018
1019
  .label {
1019
1020
  color: var(--_ctm-mob-dn-ce-cr, var(--_ctm-tab-dn-ce-cr, var(--_ctm-dn-ce-cr)));
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
- ),
1021
+ font-family:
1022
+ var(--_ctm-mob-dn-ce-ft-fy, var(--_ctm-tab-dn-ce-ft-fy, var(--_ctm-dn-ce-ft-fy))),
1024
1023
  sans-serif;
1025
1024
  font-size: var(
1026
1025
  --_ctm-mob-dn-ce-ft-se,
@@ -1090,10 +1089,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1090
1089
  height: 100%;
1091
1090
 
1092
1091
  color: var(--_ctm-mob-dn-pe-cr, var(--_ctm-tab-dn-pe-cr, var(--_ctm-dn-pe-cr)));
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
- ),
1092
+ font-family:
1093
+ var(--_ctm-mob-dn-pe-ft-fy, var(--_ctm-tab-dn-pe-ft-fy, var(--_ctm-dn-pe-ft-fy))),
1097
1094
  sans-serif;
1098
1095
  font-size: var(
1099
1096
  --_ctm-mob-dn-pe-ft-se,
@@ -1254,7 +1251,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1254
1251
  --_ctm-mob-dn-qa-ds-qa-lt-cr,
1255
1252
  var(--_ctm-tab-dn-qa-ds-qa-lt-cr, var(--_ctm-dn-qa-ds-qa-lt-cr))
1256
1253
  );
1257
- font-family: var(
1254
+ font-family:
1255
+ var(
1258
1256
  --_ctm-mob-dn-qa-ds-qa-lt-ft-fy,
1259
1257
  var(--_ctm-tab-dn-qa-ds-qa-lt-ft-fy, var(--_ctm-dn-qa-ds-qa-lt-ft-fy))
1260
1258
  ),
@@ -1315,7 +1313,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1315
1313
  --_ctm-mob-dn-qa-ds-ds-lt-cr,
1316
1314
  var(--_ctm-tab-dn-qa-ds-ds-lt-cr, var(--_ctm-dn-qa-ds-ds-lt-cr))
1317
1315
  );
1318
- font-family: var(
1316
+ font-family:
1317
+ var(
1319
1318
  --_ctm-mob-dn-qa-ds-ds-lt-ft-fy,
1320
1319
  var(--_ctm-tab-dn-qa-ds-ds-lt-ft-fy, var(--_ctm-dn-qa-ds-ds-lt-ft-fy))
1321
1320
  ),
@@ -1611,8 +1610,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1611
1610
 
1612
1611
  color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-cr));
1613
1612
 
1614
- font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)),
1615
- sans-serif;
1613
+ font-family:
1614
+ var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)), sans-serif;
1616
1615
 
1617
1616
  font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-se));
1618
1617
 
@@ -1809,10 +1808,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1809
1808
 
1810
1809
  color: var(--_sf-sd-cr, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-cr));
1811
1810
 
1812
- font-family: var(
1813
- --_sf-sd-ft-fy,
1814
- prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)
1815
- ),
1811
+ font-family:
1812
+ var(--_sf-sd-ft-fy, prepareMediaVariable(--_ctm-dn-ps-sr-pe-tb-dt-se-ft-fy)),
1816
1813
  sans-serif;
1817
1814
 
1818
1815
  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: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-ft-fy)),
267
- sans-serif;
266
+ font-family:
267
+ var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-rm-bn-dt-se-ft-fy)), 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,7 +584,8 @@ $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: var(
587
+ font-family:
588
+ var(
588
589
  --_ctm-mob-dn-hr-tt-ft-fy,
589
590
  var(--_ctm-tab-dn-hr-tt-ft-fy, var(--_ctm-dn-hr-tt-ft-fy))
590
591
  ),
@@ -650,7 +651,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
650
651
  )
651
652
  );
652
653
 
653
- font-family: var(
654
+ font-family:
655
+ var(
654
656
  --_sf-hr-ff,
655
657
  var(
656
658
  --_ctm-mob-dn-rw-tt-ft-fy,
@@ -781,7 +783,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
781
783
  )
782
784
  );
783
785
 
784
- font-family: var(
786
+ font-family:
787
+ var(
785
788
  --_sf-hr-ff,
786
789
  var(
787
790
  --_ctm-mob-dn-pn-dt-se-ft-fy,
@@ -885,7 +888,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
885
888
  var(--_ctm-tab-dn-ld-me-bn-cr, var(--_ctm-dn-ld-me-bn-cr))
886
889
  )
887
890
  );
888
- font-family: var(
891
+ font-family:
892
+ var(
889
893
  --_sf-hr-ff,
890
894
  var(
891
895
  --_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"]';