@sc-360-v2/storefront-cms-library 0.4.80 → 0.4.82
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.
- package/dist/allocations.scss +1613 -1603
- package/dist/builder.js +1 -1
- package/dist/bulk-order-pad.scss +14 -0
- package/dist/bundleDetails.scss +132 -53
- package/dist/buyForHeaders.scss +6 -0
- package/dist/buyForPopup.scss +0 -2
- package/dist/cart.scss +16 -8
- package/dist/contact-us.scss +1 -1
- package/dist/embroidery.scss +4 -4
- package/dist/form-preview.scss +11 -16
- package/dist/icons.js +1 -1
- package/dist/index.js +1 -1
- package/dist/order-status.scss +1 -1
- package/dist/phone-input.scss +28 -5
- package/dist/product-image-bundles.scss +27 -20
- package/dist/product-options.scss +1145 -1144
- package/dist/quick-links.scss +553 -552
- package/dist/repeater-grid-toggle.scss +42 -10
- package/dist/shipping-payments.scss +0 -1
- package/dist/static-global.scss +6 -0
- package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +152 -1
- package/dist/types/builder/tools/element-edit/quickLinks.d.ts +2 -0
- package/dist/types/builder/tools/element-edit/repeater.d.ts +5 -1
- package/dist/types/builder/tools/element-edit/userElements.d.ts +22 -0
- package/dist/user-elements.scss +16 -10
- package/package.json +1 -1
package/dist/bulk-order-pad.scss
CHANGED
|
@@ -623,6 +623,20 @@
|
|
|
623
623
|
color: var(--_gray-900);
|
|
624
624
|
line-height: 24px;
|
|
625
625
|
padding: 16px;
|
|
626
|
+
|
|
627
|
+
.column-header-cell {
|
|
628
|
+
display: flex;
|
|
629
|
+
flex-direction: column;
|
|
630
|
+
align-items: center;
|
|
631
|
+
gap: 6px;
|
|
632
|
+
|
|
633
|
+
.option-swatch {
|
|
634
|
+
width: 30px;
|
|
635
|
+
height: 30px;
|
|
636
|
+
border-radius: 50%;
|
|
637
|
+
border: 1px solid #f5f5f5;
|
|
638
|
+
}
|
|
639
|
+
}
|
|
626
640
|
}
|
|
627
641
|
th {
|
|
628
642
|
border-bottom: 1px solid #f0f0f0;
|
package/dist/bundleDetails.scss
CHANGED
|
@@ -589,8 +589,8 @@ $defaultValues: (
|
|
|
589
589
|
height: var(--_ctm-mob-lt-tl-se, var(--_ctm-tab-lt-tl-se, var(--_ctm-lt-tl-se)));
|
|
590
590
|
|
|
591
591
|
& img {
|
|
592
|
-
width: 100%;
|
|
593
|
-
height: 100%;
|
|
592
|
+
// width: 100%;
|
|
593
|
+
// height: 100%;
|
|
594
594
|
}
|
|
595
595
|
}
|
|
596
596
|
}
|
|
@@ -602,7 +602,9 @@ $defaultValues: (
|
|
|
602
602
|
@include prepareMediaQueries($defaultValues);
|
|
603
603
|
|
|
604
604
|
hr {
|
|
605
|
-
border
|
|
605
|
+
border: none;
|
|
606
|
+
height: 1px;
|
|
607
|
+
background: prepareMediaVariable(--_ctm-dn-be-ds-lt-dn-by-dr-cr, #f2f4f7);
|
|
606
608
|
}
|
|
607
609
|
.bundle_details_heading_wrapper {
|
|
608
610
|
display: flex;
|
|
@@ -715,7 +717,7 @@ $defaultValues: (
|
|
|
715
717
|
white-space: nowrap;
|
|
716
718
|
|
|
717
719
|
.category_card_category_name {
|
|
718
|
-
background-color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-ne-dn-bd-cr);
|
|
720
|
+
// background-color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-ne-dn-bd-cr);
|
|
719
721
|
color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-ne-dn-cr);
|
|
720
722
|
font-family: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-ne-dn-ft-fy);
|
|
721
723
|
font-size: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-ne-dn-ft-se);
|
|
@@ -728,7 +730,7 @@ $defaultValues: (
|
|
|
728
730
|
}
|
|
729
731
|
|
|
730
732
|
.category_card_product_count {
|
|
731
|
-
background-color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-bd-cr);
|
|
733
|
+
// background-color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-bd-cr);
|
|
732
734
|
color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-cr);
|
|
733
735
|
font-family: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-ft-fy);
|
|
734
736
|
font-size: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-ft-se);
|
|
@@ -741,7 +743,7 @@ $defaultValues: (
|
|
|
741
743
|
}
|
|
742
744
|
|
|
743
745
|
.category_card_product_select_count {
|
|
744
|
-
background-color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-bd-cr);
|
|
746
|
+
// background-color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-bd-cr);
|
|
745
747
|
color: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-cr);
|
|
746
748
|
font-family: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-ft-fy);
|
|
747
749
|
font-size: prepareMediaVariable(--_ctm-dn-cy-sr-cd-dn-cy-cd-io-dn-ft-se);
|
|
@@ -774,23 +776,19 @@ $defaultValues: (
|
|
|
774
776
|
background-color: prepareMediaVariable(--_ctm-dn-be-ds-lt-dn-ad-to-ct-bd-cr, #f5f5f5);
|
|
775
777
|
|
|
776
778
|
.add_to_cart_heading {
|
|
777
|
-
border-color: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-br-cr);
|
|
778
|
-
border-radius: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-br-rs);
|
|
779
|
-
border-style: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-br-se);
|
|
780
|
-
border-width: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-br-wh);
|
|
781
|
-
color: prepareMediaVariable(--_ctm-dn-
|
|
782
|
-
font-family: prepareMediaVariable(--_ctm-dn-
|
|
783
|
-
font-size: prepareMediaVariable(--_ctm-dn-
|
|
784
|
-
font-style: prepareMediaVariable(--_ctm-dn-
|
|
785
|
-
font-weight: prepareMediaVariable(--_ctm-dn-
|
|
786
|
-
line-height: prepareMediaVariable(--_ctm-dn-
|
|
787
|
-
letter-spacing: prepareMediaVariable(--_ctm-dn-
|
|
788
|
-
|
|
789
|
-
|
|
790
|
-
prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-sw-sd)
|
|
791
|
-
prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-sw-cr);
|
|
792
|
-
text-align: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-tt-an);
|
|
793
|
-
text-decoration: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-ue);
|
|
779
|
+
// border-color: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-br-cr);
|
|
780
|
+
// border-radius: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-br-rs);
|
|
781
|
+
// border-style: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-br-se);
|
|
782
|
+
// border-width: prepareMediaVariable(--_ctm-dn-be-ds-hr-dn-be-ne-dn-br-wh);
|
|
783
|
+
color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-cr);
|
|
784
|
+
font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-ft-fy);
|
|
785
|
+
font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-ft-se);
|
|
786
|
+
font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-ft-se-ic);
|
|
787
|
+
font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-ft-wt);
|
|
788
|
+
line-height: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-le-ht);
|
|
789
|
+
letter-spacing: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-lr-sg);
|
|
790
|
+
text-align: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-tt-an);
|
|
791
|
+
text-decoration: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-te-ue);
|
|
794
792
|
}
|
|
795
793
|
|
|
796
794
|
.add_to_cart_estimator_wrapper {
|
|
@@ -807,26 +805,49 @@ $defaultValues: (
|
|
|
807
805
|
|
|
808
806
|
.add_to_cart_qty {
|
|
809
807
|
width: 205px;
|
|
810
|
-
border: 1px solid #d0d5dd !important;
|
|
811
|
-
border-radius: 2px !important;
|
|
808
|
+
// border: 1px solid #d0d5dd !important;
|
|
809
|
+
// border-radius: 2px !important;
|
|
812
810
|
outline: none;
|
|
813
|
-
padding: 8px 12px !important;
|
|
811
|
+
// padding: 8px 12px !important;
|
|
814
812
|
&:disabled {
|
|
815
|
-
background-color: #f9fafb;
|
|
813
|
+
// background-color: #f9fafb;
|
|
814
|
+
cursor: no-drop;
|
|
816
815
|
}
|
|
816
|
+
|
|
817
|
+
font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-ft-se);
|
|
818
|
+
font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-ft-fy);
|
|
819
|
+
color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-te-cr);
|
|
820
|
+
font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-ft-wt);
|
|
821
|
+
text-decoration: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-te-ue);
|
|
822
|
+
letter-spacing: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-lr-sg);
|
|
823
|
+
text-align: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-tt-an);
|
|
824
|
+
line-height: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-le-ht);
|
|
825
|
+
|
|
826
|
+
padding: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-pg);
|
|
827
|
+
border-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-br-cr);
|
|
828
|
+
border-width: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-br-wh);
|
|
829
|
+
border-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-br-se);
|
|
830
|
+
border-radius: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-br-rs);
|
|
831
|
+
|
|
832
|
+
background: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-bd-cr);
|
|
833
|
+
|
|
834
|
+
box-shadow: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-sw-ae)
|
|
835
|
+
prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-sw-br)
|
|
836
|
+
prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-sw-sd)
|
|
837
|
+
prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-it-sw-cr);
|
|
817
838
|
}
|
|
818
839
|
|
|
819
840
|
.add_to_cart_price {
|
|
820
841
|
background-color: transparent;
|
|
821
|
-
color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-
|
|
822
|
-
font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-
|
|
823
|
-
font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-
|
|
824
|
-
font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-
|
|
825
|
-
font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-
|
|
826
|
-
line-height: prepareMediaVariable(--_ctm-dn-pt-pl-dn-
|
|
827
|
-
letter-spacing: prepareMediaVariable(--_ctm-dn-pt-pl-dn-
|
|
828
|
-
text-align: prepareMediaVariable(--_ctm-dn-pt-pl-dn-
|
|
829
|
-
text-decoration: prepareMediaVariable(--_ctm-dn-pt-pl-dn-
|
|
842
|
+
color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-cr);
|
|
843
|
+
font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ft-fy);
|
|
844
|
+
font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ft-se);
|
|
845
|
+
font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ft-se-ic);
|
|
846
|
+
font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ft-wt);
|
|
847
|
+
line-height: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-le-ht);
|
|
848
|
+
letter-spacing: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-lr-sg);
|
|
849
|
+
text-align: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-tt-an);
|
|
850
|
+
text-decoration: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ue);
|
|
830
851
|
}
|
|
831
852
|
|
|
832
853
|
.add_to_cart_estimate_label {
|
|
@@ -834,6 +855,30 @@ $defaultValues: (
|
|
|
834
855
|
line-height: 150%;
|
|
835
856
|
font-size: 16px;
|
|
836
857
|
color: #000000;
|
|
858
|
+
|
|
859
|
+
&:not(:has(+ input)) {
|
|
860
|
+
color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-cr);
|
|
861
|
+
font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-ft-fy);
|
|
862
|
+
font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-ft-se);
|
|
863
|
+
font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-ft-se-ic);
|
|
864
|
+
font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-ft-wt);
|
|
865
|
+
line-height: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-le-ht);
|
|
866
|
+
letter-spacing: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-lr-sg);
|
|
867
|
+
text-align: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-tt-an);
|
|
868
|
+
text-decoration: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-pe-ll-ue);
|
|
869
|
+
}
|
|
870
|
+
|
|
871
|
+
&:has(+ input) {
|
|
872
|
+
color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-cr);
|
|
873
|
+
font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-ft-fy);
|
|
874
|
+
font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-ft-se);
|
|
875
|
+
font-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-ft-se-ic);
|
|
876
|
+
font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-ft-wt);
|
|
877
|
+
line-height: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-le-ht);
|
|
878
|
+
letter-spacing: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-lr-sg);
|
|
879
|
+
text-align: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-tt-an);
|
|
880
|
+
text-decoration: prepareMediaVariable(--_ctm-dn-pt-pl-dn-ad-to-ct-lt-qy-ll-ue);
|
|
881
|
+
}
|
|
837
882
|
}
|
|
838
883
|
}
|
|
839
884
|
}
|
|
@@ -998,9 +1043,9 @@ $defaultValues: (
|
|
|
998
1043
|
gap: 6px;
|
|
999
1044
|
|
|
1000
1045
|
.category_bundle_product_card_product_name {
|
|
1001
|
-
background-color: prepareMediaVariable(
|
|
1002
|
-
|
|
1003
|
-
);
|
|
1046
|
+
// background-color: prepareMediaVariable(
|
|
1047
|
+
// --_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-bd-cr
|
|
1048
|
+
// );
|
|
1004
1049
|
color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-cr);
|
|
1005
1050
|
font-family: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-ft-fy);
|
|
1006
1051
|
font-size: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-ne-dn-ft-se);
|
|
@@ -1013,9 +1058,9 @@ $defaultValues: (
|
|
|
1013
1058
|
}
|
|
1014
1059
|
|
|
1015
1060
|
.category_bundle_product_card_brand_name {
|
|
1016
|
-
background-color: prepareMediaVariable(
|
|
1017
|
-
|
|
1018
|
-
);
|
|
1061
|
+
// background-color: prepareMediaVariable(
|
|
1062
|
+
// --_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-bd-cr
|
|
1063
|
+
// );
|
|
1019
1064
|
color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-cr);
|
|
1020
1065
|
font-family: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-fy);
|
|
1021
1066
|
font-size: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-se);
|
|
@@ -1028,9 +1073,9 @@ $defaultValues: (
|
|
|
1028
1073
|
}
|
|
1029
1074
|
|
|
1030
1075
|
.category_bundle_product_card_item_name {
|
|
1031
|
-
background-color: prepareMediaVariable(
|
|
1032
|
-
|
|
1033
|
-
);
|
|
1076
|
+
// background-color: prepareMediaVariable(
|
|
1077
|
+
// --_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-bd-cr
|
|
1078
|
+
// );
|
|
1034
1079
|
color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-cr);
|
|
1035
1080
|
font-family: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-fy);
|
|
1036
1081
|
font-size: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-io-dn-ft-se);
|
|
@@ -1044,7 +1089,7 @@ $defaultValues: (
|
|
|
1044
1089
|
}
|
|
1045
1090
|
|
|
1046
1091
|
.category_bundle_product_card_product_price {
|
|
1047
|
-
background-color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-bd-cr);
|
|
1092
|
+
// background-color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-bd-cr);
|
|
1048
1093
|
color: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-cr);
|
|
1049
1094
|
font-family: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-ft-fy);
|
|
1050
1095
|
font-size: prepareMediaVariable(--_ctm-dn-pt-cs-sl-dn-pt-cd-pe-dn-ft-se);
|
|
@@ -1158,7 +1203,7 @@ $defaultValues: (
|
|
|
1158
1203
|
width: 100%;
|
|
1159
1204
|
|
|
1160
1205
|
.bundle_detail_product_name {
|
|
1161
|
-
background-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-bd-cr);
|
|
1206
|
+
// background-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-bd-cr);
|
|
1162
1207
|
color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-cr);
|
|
1163
1208
|
font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-ft-fy);
|
|
1164
1209
|
font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-ne-dn-ft-se);
|
|
@@ -1177,7 +1222,7 @@ $defaultValues: (
|
|
|
1177
1222
|
}
|
|
1178
1223
|
|
|
1179
1224
|
.bundle_detail_product_info {
|
|
1180
|
-
background-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-bd-cr);
|
|
1225
|
+
// background-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-bd-cr);
|
|
1181
1226
|
color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-cr);
|
|
1182
1227
|
font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-ft-fy);
|
|
1183
1228
|
font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-io-dn-ft-se);
|
|
@@ -1192,7 +1237,7 @@ $defaultValues: (
|
|
|
1192
1237
|
}
|
|
1193
1238
|
|
|
1194
1239
|
.bundle_detail_product_price {
|
|
1195
|
-
background-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-bd-cr);
|
|
1240
|
+
// background-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-bd-cr);
|
|
1196
1241
|
color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-cr);
|
|
1197
1242
|
font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-ft-fy);
|
|
1198
1243
|
font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-pe-dn-ft-se);
|
|
@@ -4347,6 +4392,17 @@ $defaultValues: (
|
|
|
4347
4392
|
flex-direction: var(--_sf-flex-direckdaka-mobile, row);
|
|
4348
4393
|
row-gap: prepareMediaVariable(--_ctm-dn-be-ds-lt-dn-by-im-gp, 12px);
|
|
4349
4394
|
|
|
4395
|
+
& > span {
|
|
4396
|
+
font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-ft-se);
|
|
4397
|
+
font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-ft-fy);
|
|
4398
|
+
color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-te-cr);
|
|
4399
|
+
font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-ft-wt);
|
|
4400
|
+
text-decoration: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-te-ue);
|
|
4401
|
+
letter-spacing: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-lr-sg);
|
|
4402
|
+
text-align: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-tt-an);
|
|
4403
|
+
line-height: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-ll-le-ht);
|
|
4404
|
+
}
|
|
4405
|
+
|
|
4350
4406
|
.add_to_cart_qty_wrapper {
|
|
4351
4407
|
display: flex;
|
|
4352
4408
|
flex-direction: column;
|
|
@@ -4354,13 +4410,36 @@ $defaultValues: (
|
|
|
4354
4410
|
|
|
4355
4411
|
.add_to_cart_qty {
|
|
4356
4412
|
width: 205px;
|
|
4357
|
-
border: 1px solid #d0d5dd !important;
|
|
4358
|
-
border-radius: 2px !important;
|
|
4413
|
+
// border: 1px solid #d0d5dd !important;
|
|
4414
|
+
// border-radius: 2px !important;
|
|
4359
4415
|
outline: none;
|
|
4360
|
-
padding: 8px 12px !important;
|
|
4416
|
+
// padding: 8px 12px !important;
|
|
4361
4417
|
&:disabled {
|
|
4362
|
-
background-color: #f9fafb;
|
|
4418
|
+
// background-color: #f9fafb;
|
|
4419
|
+
cursor: no-drop;
|
|
4363
4420
|
}
|
|
4421
|
+
|
|
4422
|
+
font-size: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-ft-se);
|
|
4423
|
+
font-family: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-ft-fy);
|
|
4424
|
+
color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-te-cr);
|
|
4425
|
+
font-weight: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-ft-wt);
|
|
4426
|
+
text-decoration: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-te-ue);
|
|
4427
|
+
letter-spacing: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-lr-sg);
|
|
4428
|
+
text-align: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-tt-an);
|
|
4429
|
+
line-height: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-le-ht);
|
|
4430
|
+
|
|
4431
|
+
padding: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-pg);
|
|
4432
|
+
border-color: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-br-cr);
|
|
4433
|
+
border-width: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-br-wh);
|
|
4434
|
+
border-style: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-br-se);
|
|
4435
|
+
border-radius: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-br-rs);
|
|
4436
|
+
|
|
4437
|
+
background: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-bd-cr);
|
|
4438
|
+
|
|
4439
|
+
box-shadow: prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-sw-ae)
|
|
4440
|
+
prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-sw-br)
|
|
4441
|
+
prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-sw-sd)
|
|
4442
|
+
prepareMediaVariable(--_ctm-dn-pt-pl-dn-pt-qy-qy-it-sw-cr);
|
|
4364
4443
|
}
|
|
4365
4444
|
|
|
4366
4445
|
small {
|
package/dist/buyForHeaders.scss
CHANGED
|
@@ -4927,6 +4927,12 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
4927
4927
|
font-size: 14px;
|
|
4928
4928
|
font-weight: 600;
|
|
4929
4929
|
}
|
|
4930
|
+
.cart_summary_shippingLabel_text {
|
|
4931
|
+
color: #667085;
|
|
4932
|
+
font-weight: 400;
|
|
4933
|
+
font-size: 14px;
|
|
4934
|
+
text-align: left;
|
|
4935
|
+
}
|
|
4930
4936
|
}
|
|
4931
4937
|
.cart_summary_content_details_wrapper {
|
|
4932
4938
|
display: flex;
|
package/dist/buyForPopup.scss
CHANGED
|
@@ -72,7 +72,6 @@
|
|
|
72
72
|
padding-inline: 16px;
|
|
73
73
|
.est__dropdown {
|
|
74
74
|
border: 1px solid var(--_gray-300) !important;
|
|
75
|
-
height: 44px;
|
|
76
75
|
&:focus-within {
|
|
77
76
|
box-shadow: 0px 0px 0px 3px var(--_gray-100);
|
|
78
77
|
border-radius: inherit;
|
|
@@ -80,7 +79,6 @@
|
|
|
80
79
|
}
|
|
81
80
|
.list .list__option {
|
|
82
81
|
font-size: 14px;
|
|
83
|
-
margin: 4px;
|
|
84
82
|
border-radius: 4px;
|
|
85
83
|
}
|
|
86
84
|
.est__dropdown__button {
|
package/dist/cart.scss
CHANGED
|
@@ -48,10 +48,10 @@
|
|
|
48
48
|
&.cart__button {
|
|
49
49
|
display: flex;
|
|
50
50
|
position: relative;
|
|
51
|
-
inset: var(
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
);
|
|
51
|
+
// inset: var(
|
|
52
|
+
// --_ctm-mob-dn-ct-in-in-pn-wh-ss,
|
|
53
|
+
// var(--_ctm-tab-dn-ct-in-in-pn-wh-ss, var(--_ctm-dn-ct-in-in-pn-wh-ss))
|
|
54
|
+
// );
|
|
55
55
|
}
|
|
56
56
|
svg {
|
|
57
57
|
width: var(
|
|
@@ -148,11 +148,19 @@
|
|
|
148
148
|
var(--_ctm-tab-dn-ct-is-ct-sw-cr, var(--_ctm-dn-ct-is-ct-sw-cr, none))
|
|
149
149
|
)
|
|
150
150
|
);
|
|
151
|
-
height: 20px;
|
|
152
|
-
width: 20px;
|
|
151
|
+
// height: 20px;
|
|
152
|
+
// width: 20px;
|
|
153
|
+
padding: var(
|
|
154
|
+
--_ctm-mob-dn-ct-is-ct-pg,
|
|
155
|
+
var(--_ctm-tab-dn-ct-is-ct-pg, var(--_ctm-dn-ct-is-ct-pg))
|
|
156
|
+
);
|
|
153
157
|
position: absolute;
|
|
154
|
-
top: -3px;
|
|
155
|
-
right: -7px;
|
|
158
|
+
// top: -3px;
|
|
159
|
+
// right: -7px;
|
|
160
|
+
inset: var(
|
|
161
|
+
--_ctm-mob-dn-ct-in-in-pn-wh-ss,
|
|
162
|
+
var(--_ctm-tab-dn-ct-in-in-pn-wh-ss, var(--_ctm-dn-ct-in-in-pn-wh-ss))
|
|
163
|
+
);
|
|
156
164
|
display: flex;
|
|
157
165
|
align-items: center;
|
|
158
166
|
justify-content: center;
|
package/dist/contact-us.scss
CHANGED
package/dist/embroidery.scss
CHANGED
|
@@ -22,7 +22,7 @@ $apiLoader: '[data-spinner-state="loading"]';
|
|
|
22
22
|
height: var(--_sz-vl);
|
|
23
23
|
display: var(--_d-flex);
|
|
24
24
|
right: 12px;
|
|
25
|
-
top:
|
|
25
|
+
top: 50%;
|
|
26
26
|
border-radius: 50%;
|
|
27
27
|
border: 0.25rem solid
|
|
28
28
|
color-mix(
|
|
@@ -36,10 +36,10 @@ $apiLoader: '[data-spinner-state="loading"]';
|
|
|
36
36
|
|
|
37
37
|
@keyframes circlerotateV2 {
|
|
38
38
|
from {
|
|
39
|
-
transform: translate(0%,
|
|
39
|
+
transform: translate(0%, -50%) rotate(0deg);
|
|
40
40
|
}
|
|
41
41
|
to {
|
|
42
|
-
transform: translate(0%,
|
|
42
|
+
transform: translate(0%, -50%) rotate(360deg);
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
45
|
}
|
|
@@ -71,7 +71,7 @@ $apiLoader: '[data-spinner-state="loading"]';
|
|
|
71
71
|
// Config Button
|
|
72
72
|
& > #{$embBtn} {
|
|
73
73
|
display: var(--_d-flex);
|
|
74
|
-
justify-content: space-between;
|
|
74
|
+
justify-content: var(--_ctm-lt-at, space-between);
|
|
75
75
|
align-items: flex-start;
|
|
76
76
|
gap: var(--_ctm-lt-gp);
|
|
77
77
|
padding: prepareMediaVariable(--_ctm-lt-bn-pg);
|
package/dist/form-preview.scss
CHANGED
|
@@ -134,7 +134,7 @@
|
|
|
134
134
|
width: 100%;
|
|
135
135
|
height: 38px;
|
|
136
136
|
&:focus {
|
|
137
|
-
|
|
137
|
+
box-shadow: 0px 0px 0px 2px var(--_gray-100);
|
|
138
138
|
}
|
|
139
139
|
}
|
|
140
140
|
input[type="tel"] {
|
|
@@ -289,6 +289,7 @@
|
|
|
289
289
|
}
|
|
290
290
|
}
|
|
291
291
|
|
|
292
|
+
// react datepicker styles in preview mode
|
|
292
293
|
.react-datepicker-popper {
|
|
293
294
|
z-index: 9999 !important;
|
|
294
295
|
}
|
|
@@ -301,28 +302,22 @@
|
|
|
301
302
|
z-index: 2 !important;
|
|
302
303
|
}
|
|
303
304
|
|
|
305
|
+
.react-datepicker__day--selected {
|
|
306
|
+
background-color: var(--_gray-500);
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
.react-datepicker__day--selected:not([aria-disabled="true"]):hover {
|
|
310
|
+
background-color: var(--_gray-600) !important;
|
|
311
|
+
}
|
|
312
|
+
|
|
304
313
|
.react-datepicker__month {
|
|
305
314
|
background-color: var(--_base-white);
|
|
306
315
|
margin: 0px;
|
|
307
|
-
border: 1px solid var(--_gray-200);
|
|
316
|
+
// border: 1px solid var(--_gray-200);
|
|
308
317
|
border-top: 0;
|
|
309
318
|
margin: 0px !important;
|
|
310
319
|
}
|
|
311
320
|
|
|
312
|
-
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
|
|
313
|
-
// padding: 25px 10px 15px 20px;
|
|
314
|
-
// display: flex;
|
|
315
|
-
// justify-content: center;
|
|
316
|
-
// align-items: center;
|
|
317
|
-
// height: 67px;
|
|
318
|
-
}
|
|
319
321
|
.react-datepicker__day-names {
|
|
320
322
|
padding-top: 5px;
|
|
321
323
|
}
|
|
322
|
-
.react-datepicker__header {
|
|
323
|
-
// padding: 25px 10px 15px 20px;
|
|
324
|
-
display: flex;
|
|
325
|
-
justify-content: center;
|
|
326
|
-
align-items: center;
|
|
327
|
-
height: 67px;
|
|
328
|
-
}
|