@sc-360-v2/storefront-cms-library 0.5.14 → 0.5.16

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.
@@ -4,6 +4,8 @@
4
4
 
5
5
  $resizerId: "[data-cms-tool='cms-element-resizer']";
6
6
  $resizeActive: '[data-cms-element-resizer="true"]';
7
+ $overflowSelector: ".flex__overflow";
8
+
7
9
  [data-div-type="element"] {
8
10
  &[data-element-type="cartSummary"] {
9
11
  // width: var(
@@ -93,6 +95,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
93
95
  var(--_ctm-tab-dn-an-as-im-in-c1, var(--_ctm-dn-an-as-im-in-c1))
94
96
  );
95
97
  }
98
+
96
99
  width: var(
97
100
  --_ctm-mob-dn-an-as-im-in-se,
98
101
  var(--_ctm-tab-dn-an-as-im-in-se, var(--_ctm-dn-an-as-im-in-se))
@@ -110,6 +113,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
110
113
  var(--_ctm-tab-dn-an-as-im-in-c1-dc, var(--_ctm-dn-an-as-im-in-c1-dc))
111
114
  );
112
115
  }
116
+
113
117
  width: var(
114
118
  --_ctm-mob-dn-an-as-im-in-se-dc,
115
119
  var(--_ctm-tab-dn-an-as-im-in-se-dc, var(--_ctm-dn-an-as-im-in-se-dc))
@@ -159,6 +163,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
159
163
  --_ctm-mob-dn-hr-cr-tt-an,
160
164
  var(--_ctm-tab-dn-hr-cr-tt-an, var(--_ctm-dn-hr-cr-tt-an))
161
165
  );
166
+ text-transform: prepareMediaVariable(--_ctm-dn-hr-cr-tt-tm);
162
167
  }
163
168
  }
164
169
 
@@ -252,6 +257,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
252
257
  );
253
258
  width: 80%;
254
259
  align-items: flex-start;
260
+
255
261
  .cart_summary_pro_container {
256
262
  width: 80px;
257
263
  // height: 80px;
@@ -260,6 +266,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
260
266
  align-items: center;
261
267
  border: 1px solid var(--_gray-200);
262
268
  border-radius: 4px;
269
+
263
270
  .cart_summary_product_img {
264
271
  max-width: 100%;
265
272
  max-height: 100%;
@@ -317,6 +324,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
317
324
  var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an, var(--_ctm-dn-pt-wt-pt-qy-tt-an))
318
325
  );
319
326
  }
327
+
320
328
  .cart_summary_qty_value {
321
329
  font-family: var(
322
330
  --_ctm-mob-dn-pt-wt-pt-qy-ft-fy-dc,
@@ -359,6 +367,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
359
367
  var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an-dc, var(--_ctm-dn-pt-wt-pt-qy-tt-an-dc))
360
368
  );
361
369
  }
370
+
362
371
  .cart_summary_estimatedDate_text {
363
372
  font-family: var(
364
373
  --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy,
@@ -400,6 +409,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
400
409
  var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an))
401
410
  );
402
411
  }
412
+
403
413
  .cart_summary_estimatedDate_value {
404
414
  font-family: var(
405
415
  --_ctm-mob-dn-pt-wt-pt-ed-de-ft-fy-dc,
@@ -487,6 +497,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
487
497
  font-size: 16px;
488
498
  line-height: 24px;
489
499
  height: 40px;
500
+
490
501
  &::placeholder {
491
502
  font-size: 14px;
492
503
  }
@@ -506,12 +517,14 @@ $resizeActive: '[data-cms-element-resizer="true"]';
506
517
  color: red;
507
518
  }
508
519
  }
520
+
509
521
  .subtotal_wrapper {
510
522
  display: flex;
511
523
  align-items: center;
512
524
  gap: 16px;
513
525
  align-self: stretch;
514
526
  justify-content: space-between;
527
+
515
528
  .cart_summary_number_text {
516
529
  // color: var(--_gray-500);
517
530
  // font-size: 14px;
@@ -554,6 +567,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
554
567
  var(--_ctm-tab-dn-nr-of-is-tt-an, var(--_ctm-dn-nr-of-is-tt-an))
555
568
  );
556
569
  }
570
+
557
571
  .cart_summary_number_value {
558
572
  font-family: var(
559
573
  --_ctm-mob-dn-nr-of-is-ft-fy-dc,
@@ -592,6 +606,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
592
606
  var(--_ctm-tab-dn-nr-of-is-tt-an-dc, var(--_ctm-dn-nr-of-is-tt-an-dc))
593
607
  );
594
608
  }
609
+
595
610
  .cart_summary_show_coupon_text {
596
611
  // color: var(--_gray-500);
597
612
  // font-size: 14px;
@@ -634,6 +649,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
634
649
  var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an, var(--_ctm-dn-sw-cn-ce-ll-tt-an))
635
650
  );
636
651
  }
652
+
637
653
  .cart_summary_show_coupon_value {
638
654
  font-family: var(
639
655
  --_ctm-mob-dn-sw-cn-ce-ll-ft-fy-dc,
@@ -672,6 +688,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
672
688
  var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an-dc, var(--_ctm-dn-sw-cn-ce-ll-tt-an-dc))
673
689
  );
674
690
  }
691
+
675
692
  .cart_summary_show_gift_card_text {
676
693
  // color: var(--_gray-500);
677
694
  // font-size: 14px;
@@ -714,6 +731,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
714
731
  var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an, var(--_ctm-dn-sw-cn-ce-ll-tt-an))
715
732
  );
716
733
  }
734
+
717
735
  .cart_summary_show_gift_card_value {
718
736
  font-family: var(
719
737
  --_ctm-mob-dn-sw-cn-ce-ll-ft-fy-dc,
@@ -752,6 +770,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
752
770
  var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an-dc, var(--_ctm-dn-sw-cn-ce-ll-tt-an-dc))
753
771
  );
754
772
  }
773
+
755
774
  .cart_summary_show_deal_text {
756
775
  // color: var(--_gray-500);
757
776
  // font-size: 14px;
@@ -794,6 +813,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
794
813
  var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an, var(--_ctm-dn-sw-cn-ce-ll-tt-an))
795
814
  );
796
815
  }
816
+
797
817
  .cart_summary_show_deal_value {
798
818
  font-family: var(
799
819
  --_ctm-mob-dn-sw-cn-ce-ll-ft-fy-dc,
@@ -833,10 +853,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
833
853
  );
834
854
  }
835
855
  }
856
+
836
857
  .cart_summary_content_details_wrapper {
837
858
  display: flex;
838
859
  flex-direction: column;
839
860
  gap: 8px;
861
+
840
862
  .cart_summary_shippingLabel_text {
841
863
  // font-size: 14px;
842
864
  // color: var(--_gray-500);
@@ -878,6 +900,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
878
900
  var(--_ctm-tab-dn-sg-cs-tt-an, var(--_ctm-dn-sg-cs-tt-an))
879
901
  );
880
902
  }
903
+
881
904
  .currency_span {
882
905
  font-family: var(
883
906
  --_ctm-mob-dn-sg-cs-ft-fy-dc,
@@ -916,6 +939,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
916
939
  var(--_ctm-tab-dn-sg-cs-tt-an-dc, var(--_ctm-dn-sg-cs-tt-an-dc))
917
940
  );
918
941
  }
942
+
919
943
  .cart_summary_tax_text {
920
944
  // font-size: 14px;
921
945
  // color: var(--_gray-500);
@@ -954,6 +978,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
954
978
  var(--_ctm-tab-dn-tx-tt-an, var(--_ctm-dn-tx-tt-an))
955
979
  );
956
980
  }
981
+
957
982
  .cart_summary_tax_value {
958
983
  font-family: var(
959
984
  --_ctm-mob-dn-tx-ft-fy-dc,
@@ -993,10 +1018,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
993
1018
  );
994
1019
  }
995
1020
  }
1021
+
996
1022
  .cart_summary_total_wrapper {
997
1023
  display: flex;
998
1024
  flex-direction: column;
999
1025
  gap: 8px;
1026
+
1000
1027
  .subtotal_wrapper {
1001
1028
  display: flex;
1002
1029
  align-items: center;
@@ -1043,6 +1070,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1043
1070
  var(--_ctm-tab-dn-sb-tl-tt-an, var(--_ctm-dn-sb-tl-tt-an))
1044
1071
  );
1045
1072
  }
1073
+
1046
1074
  .cart_summary_subTotal_value {
1047
1075
  .currency_span {
1048
1076
  font-family: var(
@@ -1121,6 +1149,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1121
1149
  var(--_ctm-tab-dn-tl-tt-an, var(--_ctm-dn-tl-tt-an))
1122
1150
  );
1123
1151
  }
1152
+
1124
1153
  .cart_summary_total_value {
1125
1154
  .currency_span {
1126
1155
  font-family: var(
@@ -1176,11 +1205,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1176
1205
  // letter-spacing: var(--_ctm-dn-hg-tt-dn-lr-sg);
1177
1206
  // text-align: var(--_ctm-dn-hg-tt-dn-tt-an);
1178
1207
  // text-decoration: var(--_ctm-dn-hg-tt-dn-ue);
1179
- display: -webkit-box;
1180
- -webkit-line-clamp: 2; /* Show exactly 2 lines */
1181
- -webkit-box-orient: vertical;
1182
- overflow: hidden;
1183
- text-overflow: ellipsis;
1208
+ // display: -webkit-box;
1209
+ // -webkit-line-clamp: 2;
1210
+ /* Show exactly 2 lines */
1211
+ // -webkit-box-orient: vertical;
1212
+ // overflow: hidden;
1213
+ // text-overflow: ellipsis;
1184
1214
  font-family: var(
1185
1215
  --_ctm-mob-dn-pt-wt-pt-ne-ft-fy,
1186
1216
  var(--_ctm-tab-dn-pt-wt-pt-ne-ft-fy, var(--_ctm-dn-pt-wt-pt-ne-ft-fy))
@@ -1223,6 +1253,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1223
1253
  --_ctm-mob-dn-pt-wt-pt-ne-pg,
1224
1254
  var(--_ctm-tab-dn-pt-wt-pt-ne-pg, var(--_ctm-dn-pt-wt-pt-ne-pg))
1225
1255
  );
1256
+ &#{$overflowSelector} {
1257
+ @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
1258
+ }
1226
1259
  }
1227
1260
 
1228
1261
  .cart_summary_primary_text {
@@ -1277,8 +1310,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1277
1310
  var(--_ctm-tab-dn-pt-wt-pt-pe-pg, var(--_ctm-dn-pt-wt-pt-pe-pg))
1278
1311
  );
1279
1312
  margin-top: 2px;
1280
- width: 20%;
1313
+ // width: 20%;
1281
1314
  }
1315
+
1282
1316
  .cart_summary_product_text {
1283
1317
  font-family: var(
1284
1318
  --_ctm-mob-dn-pt-wt-pt-ce-ft-fy,
@@ -1323,6 +1357,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1323
1357
  );
1324
1358
  word-break: break-word;
1325
1359
  }
1360
+
1326
1361
  .cart_summary_secondary_text {
1327
1362
  color: var(--_ctm-dn-sy-tt-dn-cr);
1328
1363
  font-family: var(--_ctm-dn-sy-tt-dn-ft-fy);
@@ -1511,15 +1546,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1511
1546
 
1512
1547
  .btn__with__text[data-btn-name="checkoutButton"] {
1513
1548
  width: 100%;
1549
+
1514
1550
  &[data-show-shadow="false"] {
1515
1551
  --_show-shadow: none;
1516
1552
  }
1553
+
1517
1554
  &[data-icon-position="left"] {
1518
1555
  --_sf-fd-bn: row;
1519
1556
  }
1557
+
1520
1558
  &[data-icon-position="right"] {
1521
1559
  --_sf-fd-bn: row-reverse;
1522
1560
  }
1561
+
1523
1562
  &[data-icon-position="center"] {
1524
1563
  --_sf-fd-bn: row;
1525
1564
  }
@@ -1557,9 +1596,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1557
1596
  // for pading and width
1558
1597
  --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-ct-hr-pg)};
1559
1598
  --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-ct-hr-wh)};
1599
+
1560
1600
  &[data-hover-show-shadow="false"] {
1561
1601
  --_hover-show-shadow: none;
1562
1602
  }
1603
+
1563
1604
  &[data-hover-show-icon="false"] {
1564
1605
  --_hover-show-icon: none;
1565
1606
  }
@@ -1619,6 +1660,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1619
1660
 
1620
1661
  .icon {
1621
1662
  display: var(--_hover-show-icon, var(--_show-icon, flex));
1663
+
1622
1664
  svg {
1623
1665
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-in-se));
1624
1666
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-ct-dt-se-in-se));
@@ -1628,6 +1670,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1628
1670
  }
1629
1671
  }
1630
1672
  }
1673
+
1631
1674
  [data-element-style="Text"] {
1632
1675
  display: inline-block;
1633
1676
  width: 100%;
@@ -1651,17 +1694,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1651
1694
  display: none;
1652
1695
  }
1653
1696
  }
1697
+
1654
1698
  .btn__with__text[data-btn-name="placeOrder"] {
1655
1699
  width: 100%;
1700
+
1656
1701
  &[data-show-shadow="false"] {
1657
1702
  --_show-shadow: none;
1658
1703
  }
1704
+
1659
1705
  &[data-icon-position="left"] {
1660
1706
  --_sf-fd-bn: row;
1661
1707
  }
1708
+
1662
1709
  &[data-icon-position="right"] {
1663
1710
  --_sf-fd-bn: row-reverse;
1664
1711
  }
1712
+
1665
1713
  &[data-icon-position="center"] {
1666
1714
  --_sf-fd-bn: row;
1667
1715
  }
@@ -1699,9 +1747,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1699
1747
  // for pading and width
1700
1748
  --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-pe-or-hr-pg)};
1701
1749
  --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-pe-or-hr-wh)};
1750
+
1702
1751
  &[data-hover-show-shadow="false"] {
1703
1752
  --_hover-show-shadow: none;
1704
1753
  }
1754
+
1705
1755
  &[data-hover-show-icon="false"] {
1706
1756
  --_hover-show-icon: none;
1707
1757
  }
@@ -1776,6 +1826,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1776
1826
 
1777
1827
  .icon {
1778
1828
  display: var(--_hover-show-icon, var(--_show-icon, flex));
1829
+
1779
1830
  svg {
1780
1831
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-in-se));
1781
1832
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-pe-or-dt-se-in-se));
@@ -1785,6 +1836,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1785
1836
  }
1786
1837
  }
1787
1838
  }
1839
+
1788
1840
  [data-element-style="Text"] {
1789
1841
  display: inline-block;
1790
1842
  width: 100%;
@@ -1808,20 +1860,26 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1808
1860
  display: none;
1809
1861
  }
1810
1862
  }
1863
+
1811
1864
  .btn__with__text[data-btn-name="requestQuote"] {
1812
1865
  width: 100%;
1866
+
1813
1867
  &[data-show-shadow="false"] {
1814
1868
  --_show-shadow: none;
1815
1869
  }
1870
+
1816
1871
  &[data-icon-position="left"] {
1817
1872
  --_sf-fd-bn: row;
1818
1873
  }
1874
+
1819
1875
  &[data-icon-position="right"] {
1820
1876
  --_sf-fd-bn: row-reverse;
1821
1877
  }
1878
+
1822
1879
  &[data-icon-position="center"] {
1823
1880
  --_sf-fd-bn: row;
1824
1881
  }
1882
+
1825
1883
  span {
1826
1884
  svg rect {
1827
1885
  fill: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-cr));
@@ -1829,8 +1887,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1829
1887
  }
1830
1888
 
1831
1889
  &:hover {
1832
- // --_sf-hr-bd-cr: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-se-bd-cr)};
1833
- @include BgColorLighter(var(--_sf-hr-cr), 5%);
1890
+ --_sf-hr-bd-cr: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-se-bd-cr)};
1891
+ // @include BgColorLighter(var(--_sf-hr-cr), 5%);
1834
1892
  --_sf-hr-br-cr: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-se-br-cr)};
1835
1893
  --_sf-hr-br-se: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-se-br-se)};
1836
1894
  --_sf-hr-br-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-se-br-wh)};
@@ -1862,9 +1920,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1862
1920
  // for pading and width
1863
1921
  --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-pg)};
1864
1922
  --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-hr-wh)};
1923
+
1865
1924
  &[data-hover-show-shadow="false"] {
1866
1925
  --_hover-show-shadow: none;
1867
1926
  }
1927
+
1868
1928
  &[data-hover-show-icon="false"] {
1869
1929
  --_hover-show-icon: none;
1870
1930
  }
@@ -1938,6 +1998,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1938
1998
 
1939
1999
  .icon {
1940
2000
  display: var(--_hover-show-icon, var(--_show-icon, flex));
2001
+
1941
2002
  svg {
1942
2003
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-in-se));
1943
2004
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-rt-qe-dt-se-in-se));
@@ -1947,6 +2008,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1947
2008
  }
1948
2009
  }
1949
2010
  }
2011
+
1950
2012
  [data-element-style="Text"] {
1951
2013
  display: inline-block;
1952
2014
  width: 100%;
@@ -1970,17 +2032,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
1970
2032
  display: none;
1971
2033
  }
1972
2034
  }
2035
+
1973
2036
  .btn__with__text[data-btn-name="reviewOrder"] {
1974
2037
  width: 100%;
2038
+
1975
2039
  &[data-show-shadow="false"] {
1976
2040
  --_show-shadow: none;
1977
2041
  }
2042
+
1978
2043
  &[data-icon-position="left"] {
1979
2044
  --_sf-fd-bn: row;
1980
2045
  }
2046
+
1981
2047
  &[data-icon-position="right"] {
1982
2048
  --_sf-fd-bn: row-reverse;
1983
2049
  }
2050
+
1984
2051
  &[data-icon-position="center"] {
1985
2052
  --_sf-fd-bn: row;
1986
2053
  }
@@ -2018,9 +2085,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2018
2085
  // for pading and width
2019
2086
  --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-rw-or-hr-pg)};
2020
2087
  --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-rw-or-hr-wh)};
2088
+
2021
2089
  &[data-hover-show-shadow="false"] {
2022
2090
  --_hover-show-shadow: none;
2023
2091
  }
2092
+
2024
2093
  &[data-hover-show-icon="false"] {
2025
2094
  --_hover-show-icon: none;
2026
2095
  }
@@ -2094,6 +2163,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2094
2163
 
2095
2164
  .icon {
2096
2165
  display: var(--_hover-show-icon, var(--_show-icon, flex));
2166
+
2097
2167
  svg {
2098
2168
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-in-se));
2099
2169
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-rw-or-dt-se-in-se));
@@ -2103,6 +2173,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2103
2173
  }
2104
2174
  }
2105
2175
  }
2176
+
2106
2177
  [data-element-style="Text"] {
2107
2178
  display: inline-block;
2108
2179
  width: 100%;
@@ -2126,17 +2197,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2126
2197
  display: none;
2127
2198
  }
2128
2199
  }
2200
+
2129
2201
  .btn__with__text[data-btn-name="createSubOrders"] {
2130
2202
  width: 100%;
2203
+
2131
2204
  &[data-show-shadow="false"] {
2132
2205
  --_show-shadow: none;
2133
2206
  }
2207
+
2134
2208
  &[data-icon-position="left"] {
2135
2209
  --_sf-fd-bn: row;
2136
2210
  }
2211
+
2137
2212
  &[data-icon-position="right"] {
2138
2213
  --_sf-fd-bn: row-reverse;
2139
2214
  }
2215
+
2140
2216
  &[data-icon-position="center"] {
2141
2217
  --_sf-fd-bn: row;
2142
2218
  }
@@ -2174,9 +2250,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2174
2250
  // for pading and width
2175
2251
  --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-hr-pg)};
2176
2252
  --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-hr-wh)};
2253
+
2177
2254
  &[data-hover-show-shadow="false"] {
2178
2255
  --_hover-show-shadow: none;
2179
2256
  }
2257
+
2180
2258
  &[data-hover-show-icon="false"] {
2181
2259
  --_hover-show-icon: none;
2182
2260
  }
@@ -2268,6 +2346,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2268
2346
 
2269
2347
  .icon {
2270
2348
  display: var(--_hover-show-icon, var(--_show-icon, flex));
2349
+
2271
2350
  svg {
2272
2351
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-in-se));
2273
2352
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-ce-sb-os-dt-se-in-se));
@@ -2280,6 +2359,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2280
2359
  }
2281
2360
  }
2282
2361
  }
2362
+
2283
2363
  [data-element-style="Text"] {
2284
2364
  display: inline-block;
2285
2365
  width: 100%;
@@ -2303,17 +2383,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2303
2383
  display: none;
2304
2384
  }
2305
2385
  }
2386
+
2306
2387
  .btn__with__text[data-btn-name="submitQuote"] {
2307
2388
  width: 100%;
2389
+
2308
2390
  &[data-show-shadow="false"] {
2309
2391
  --_show-shadow: none;
2310
2392
  }
2393
+
2311
2394
  &[data-icon-position="left"] {
2312
2395
  --_sf-fd-bn: row;
2313
2396
  }
2397
+
2314
2398
  &[data-icon-position="right"] {
2315
2399
  --_sf-fd-bn: row-reverse;
2316
2400
  }
2401
+
2317
2402
  &[data-icon-position="center"] {
2318
2403
  --_sf-fd-bn: row;
2319
2404
  }
@@ -2351,9 +2436,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2351
2436
  // for pading and width
2352
2437
  --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-st-qe-hr-pg)};
2353
2438
  --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-st-qe-hr-wh)};
2439
+
2354
2440
  &[data-hover-show-shadow="false"] {
2355
2441
  --_hover-show-shadow: none;
2356
2442
  }
2443
+
2357
2444
  &[data-hover-show-icon="false"] {
2358
2445
  --_hover-show-icon: none;
2359
2446
  }
@@ -2428,6 +2515,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2428
2515
 
2429
2516
  .icon {
2430
2517
  display: var(--_hover-show-icon, var(--_show-icon, flex));
2518
+
2431
2519
  svg {
2432
2520
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-in-se));
2433
2521
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-st-qe-dt-se-in-se));
@@ -2437,6 +2525,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2437
2525
  }
2438
2526
  }
2439
2527
  }
2528
+
2440
2529
  [data-element-style="Text"] {
2441
2530
  display: inline-block;
2442
2531
  width: 100%;
@@ -2460,17 +2549,22 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2460
2549
  display: none;
2461
2550
  }
2462
2551
  }
2552
+
2463
2553
  .btn__with__text[data-btn-name="signUp"] {
2464
2554
  width: 100%;
2555
+
2465
2556
  &[data-show-shadow="false"] {
2466
2557
  --_show-shadow: none;
2467
2558
  }
2559
+
2468
2560
  &[data-icon-position="left"] {
2469
2561
  --_sf-fd-bn: row;
2470
2562
  }
2563
+
2471
2564
  &[data-icon-position="right"] {
2472
2565
  --_sf-fd-bn: row-reverse;
2473
2566
  }
2567
+
2474
2568
  &[data-icon-position="center"] {
2475
2569
  --_sf-fd-bn: row;
2476
2570
  }
@@ -2508,9 +2602,11 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2508
2602
  // for pading and width
2509
2603
  --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-pg)};
2510
2604
  --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-wh)};
2605
+
2511
2606
  &[data-hover-show-shadow="false"] {
2512
2607
  --_hover-show-shadow: none;
2513
2608
  }
2609
+
2514
2610
  &[data-hover-show-icon="false"] {
2515
2611
  --_hover-show-icon: none;
2516
2612
  }
@@ -2585,6 +2681,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2585
2681
 
2586
2682
  .icon {
2587
2683
  display: var(--_hover-show-icon, var(--_show-icon, flex));
2684
+
2588
2685
  svg {
2589
2686
  width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-in-se));
2590
2687
  height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-in-se));
@@ -2594,6 +2691,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2594
2691
  }
2595
2692
  }
2596
2693
  }
2694
+
2597
2695
  [data-element-style="Text"] {
2598
2696
  display: inline-block;
2599
2697
  width: 100%;
@@ -2860,6 +2958,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2860
2958
  --_ctm-mob-dn-rt-qe-bn-dt-se-pg,
2861
2959
  var(--_ctm-tab-dn-rt-qe-bn-dt-se-pg, var(--_ctm-dn-rt-qe-bn-dt-se-pg))
2862
2960
  );
2961
+
2863
2962
  &:hover {
2864
2963
  background-color: var(
2865
2964
  --_ctm-mob-dn-rt-qe-bn-hr-se-bd-cr,
@@ -3005,6 +3104,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
3005
3104
  // text-decoration: var(--_ctm-dn-sy-bn-dn-hr-se-ue);
3006
3105
  }
3007
3106
  }
3107
+
3008
3108
  .coupon_code_text {
3009
3109
  // color: var(--_primary-400);
3010
3110
  font-family: var(