@sc-360-v2/storefront-cms-library 0.3.24 → 0.3.26
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/builder.js +1 -1
- package/dist/cart-details.scss +223 -72
- package/dist/dropdownTemplate.scss +30 -3
- package/dist/faq.scss +80 -88
- package/dist/filters.scss +484 -7
- package/dist/language-selector.scss +5 -1
- package/dist/myTemplates.scss +33 -0
- package/dist/order-status.scss +132 -48
- package/dist/quantity-selector.scss +1 -16
- package/dist/types/builder/elements/{my-templates → cart-summary}/index.d.ts +4 -4
- package/dist/types/builder/elements/form-builder/index.d.ts +114 -20
- package/dist/types/builder/enums/index.d.ts +0 -1
- package/dist/types/builder/index.d.ts +2 -2
- package/dist/types/builder/tools/element-edit/cartDetails.d.ts +64 -1
- package/dist/types/builder/tools/element-edit/cartSummary.d.ts +321 -14
- package/dist/types/builder/tools/element-edit/index.d.ts +1 -2
- package/dist/widget.scss +1 -0
- package/package.json +1 -1
- package/dist/types/builder/tools/element-edit/myTemplates.d.ts +0 -443
package/dist/cart-details.scss
CHANGED
|
@@ -3,6 +3,9 @@
|
|
|
3
3
|
|
|
4
4
|
$resizerId: "[data-cms-tool='cms-element-resizer']";
|
|
5
5
|
$resizeActive: '[data-cms-element-resizer="true"]';
|
|
6
|
+
$defaultValues: (
|
|
7
|
+
--_dm-flt: getListOfResponsive(flex-end, flex-start),
|
|
8
|
+
);
|
|
6
9
|
[data-div-type="element"] {
|
|
7
10
|
&[data-element-type="cartDetails"] {
|
|
8
11
|
width: var(
|
|
@@ -45,6 +48,29 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
45
48
|
color: #101828;
|
|
46
49
|
font-weight: 700;
|
|
47
50
|
}
|
|
51
|
+
.attr_header {
|
|
52
|
+
display: flex;
|
|
53
|
+
justify-content: space-between;
|
|
54
|
+
align-items: center;
|
|
55
|
+
padding: 8px;
|
|
56
|
+
.group_attr_info_sec {
|
|
57
|
+
display: flex;
|
|
58
|
+
align-items: center;
|
|
59
|
+
gap: 8px;
|
|
60
|
+
.attributes_validation_info_sec {
|
|
61
|
+
display: flex;
|
|
62
|
+
.attr_val_info_detail {
|
|
63
|
+
font-size: 14px;
|
|
64
|
+
color: #475467;
|
|
65
|
+
display: flex;
|
|
66
|
+
gap: 4px;
|
|
67
|
+
b {
|
|
68
|
+
color: #000;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
48
74
|
}
|
|
49
75
|
.cart_details_section {
|
|
50
76
|
width: 100%;
|
|
@@ -243,6 +269,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
243
269
|
border-color: var(--_ctm-dn-ct-im-ss-br-cr);
|
|
244
270
|
border-width: var(--_ctm-dn-ct-im-ss-br-wh);
|
|
245
271
|
|
|
272
|
+
// @include prepareMediaQueries($defaultValues);
|
|
273
|
+
|
|
246
274
|
.cart_product_wrapper {
|
|
247
275
|
display: flex;
|
|
248
276
|
justify-content: space-between;
|
|
@@ -262,28 +290,35 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
262
290
|
}
|
|
263
291
|
|
|
264
292
|
.product_image {
|
|
265
|
-
width:
|
|
293
|
+
width: 100px;
|
|
266
294
|
background-size: 100%;
|
|
267
295
|
height: 148px;
|
|
268
296
|
background-repeat: no-repeat;
|
|
269
297
|
background-position: center;
|
|
270
298
|
background-color: #eaeaea;
|
|
299
|
+
|
|
271
300
|
border-style: var(
|
|
272
|
-
--_ctm-mob-pt-ie-ss-br-se,
|
|
273
|
-
var(--_ctm-tab-pt-ie-ss-br-se, var(--_ctm-pt-ie-ss-br-se))
|
|
301
|
+
--_ctm-mob-dn-pt-ie-ss-br-se,
|
|
302
|
+
var(--_ctm-tab-dn-pt-ie-ss-br-se, var(--_ctm-dn-pt-ie-ss-br-se))
|
|
274
303
|
);
|
|
275
304
|
border-width: var(
|
|
276
|
-
--_ctm-mob-pt-ie-ss-br-wh,
|
|
277
|
-
var(--_ctm-tab-pt-ie-ss-br-wh, var(--_ctm-pt-ie-ss-br-wh))
|
|
305
|
+
--_ctm-mob-dn-pt-ie-ss-br-wh,
|
|
306
|
+
var(--_ctm-tab-dn-pt-ie-ss-br-wh, var(--_ctm-dn-pt-ie-ss-br-wh))
|
|
278
307
|
);
|
|
279
308
|
// border: ;
|
|
280
|
-
|
|
281
|
-
|
|
309
|
+
border-radius: var(
|
|
310
|
+
--_ctm-mob-dn-pt-ie-ss-br-rs,
|
|
311
|
+
var(--_ctm-tab-dn-pt-ie-ss-br-rs, var(--_ctm-dn-pt-ie-ss-br-rs))
|
|
312
|
+
);
|
|
313
|
+
border-color: var(
|
|
314
|
+
--_ctm-mob-dn-pt-ie-ss-br-cr,
|
|
315
|
+
var(--_ctm-tab-dn-pt-ie-ss-br-cr, var(--_ctm-dn-pt-ie-ss-br-cr))
|
|
316
|
+
);
|
|
282
317
|
}
|
|
283
318
|
|
|
284
319
|
.product_info_wrapper {
|
|
285
320
|
display: flex;
|
|
286
|
-
width:
|
|
321
|
+
width: 400px;
|
|
287
322
|
flex-direction: column;
|
|
288
323
|
justify-content: space-between;
|
|
289
324
|
align-items: flex-start;
|
|
@@ -456,13 +491,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
456
491
|
.product_customization_container {
|
|
457
492
|
display: flex;
|
|
458
493
|
align-items: center;
|
|
459
|
-
gap:
|
|
494
|
+
gap: 8px;
|
|
495
|
+
min-height: 28px;
|
|
460
496
|
|
|
461
497
|
.customization_button {
|
|
462
498
|
display: flex;
|
|
463
499
|
justify-content: center;
|
|
464
500
|
align-items: center;
|
|
465
501
|
gap: 8px;
|
|
502
|
+
white-space: nowrap;
|
|
466
503
|
// color: #243dc6;
|
|
467
504
|
// font-size: 14px;
|
|
468
505
|
// font-weight: 400;
|
|
@@ -512,6 +549,52 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
512
549
|
// font-weight: 600;
|
|
513
550
|
// }
|
|
514
551
|
}
|
|
552
|
+
.customizationInfo_button {
|
|
553
|
+
display: flex;
|
|
554
|
+
justify-content: center;
|
|
555
|
+
align-items: center;
|
|
556
|
+
gap: 8px;
|
|
557
|
+
white-space: nowrap;
|
|
558
|
+
color: var(
|
|
559
|
+
--_ctm-mob-dn-pt-rd-io-cr,
|
|
560
|
+
var(--_ctm-tab-dn-pt-rd-io-cr, var(--_ctm-dn-pt-rd-io-cr))
|
|
561
|
+
);
|
|
562
|
+
font-family: var(
|
|
563
|
+
--_sf-hr-ff,
|
|
564
|
+
var(
|
|
565
|
+
--_ctm-mob-dn-pt-rd-io-ft-fy,
|
|
566
|
+
var(--_ctm-tab-dn-pt-rd-io-ft-fy, var(--_ctm-dn-pt-rd-io-ft-fy))
|
|
567
|
+
)
|
|
568
|
+
);
|
|
569
|
+
font-size: var(
|
|
570
|
+
--_ctm-mob-dn-pt-rd-io-ft-se,
|
|
571
|
+
var(--_ctm-tab-dn-pt-rd-io-ft-se, var(--_ctm-dn-pt-rd-io-ft-se))
|
|
572
|
+
);
|
|
573
|
+
font-weight: var(
|
|
574
|
+
--_ctm-mob-dn-pt-rd-io-ft-wt,
|
|
575
|
+
var(--_ctm-tab-dn-pt-rd-io-ft-wt, var(--_ctm-dn-pt-rd-io-ft-wt))
|
|
576
|
+
);
|
|
577
|
+
font-style: var(
|
|
578
|
+
--_ctm-mob-dn-pt-rd-io-ft-se-ic,
|
|
579
|
+
var(--_ctm-tab-dn-pt-rd-io-ft-se-ic, var(--_ctm-dn-pt-rd-io-ft-se-ic))
|
|
580
|
+
);
|
|
581
|
+
text-align: var(
|
|
582
|
+
--_ctm-mob-dn-pt-rd-io-tt-an,
|
|
583
|
+
var(--_ctm-tab-dn-pt-rd-io-tt-an, var(--_ctm-dn-pt-rd-io-tt-an))
|
|
584
|
+
);
|
|
585
|
+
letter-spacing: var(
|
|
586
|
+
--_ctm-mob-dn-pt-rd-io-lr-sg,
|
|
587
|
+
var(--_ctm-tab-dn-pt-rd-io-lr-sg, var(--_ctm-dn-pt-rd-io-lr-sg))
|
|
588
|
+
);
|
|
589
|
+
line-height: var(
|
|
590
|
+
--_ctm-mob-dn-pt-rd-io-le-ht,
|
|
591
|
+
var(--_ctm-tab-dn-pt-rd-io-le-ht, var(--_ctm-dn-pt-rd-io-le-ht))
|
|
592
|
+
);
|
|
593
|
+
text-decoration: var(
|
|
594
|
+
--_ctm-mob-dn-pt-qy-ss-ue,
|
|
595
|
+
var(--_ctm-tab-dn-pt-qy-ss-ue, var(--_ctm-dn-pt-qy-ss-ue))
|
|
596
|
+
);
|
|
597
|
+
}
|
|
515
598
|
}
|
|
516
599
|
}
|
|
517
600
|
}
|
|
@@ -525,9 +608,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
525
608
|
|
|
526
609
|
.product_qty_price_wrapper {
|
|
527
610
|
display: flex;
|
|
528
|
-
justify-content:
|
|
611
|
+
justify-content: var(--_dm-flt);
|
|
529
612
|
align-items: center;
|
|
530
|
-
gap:
|
|
613
|
+
gap: 8px;
|
|
531
614
|
align-self: stretch;
|
|
532
615
|
|
|
533
616
|
.product_qty_wrapper {
|
|
@@ -627,7 +710,19 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
627
710
|
display: flex;
|
|
628
711
|
align-items: center;
|
|
629
712
|
gap: 16px;
|
|
713
|
+
.svg_icon {
|
|
714
|
+
display: flex;
|
|
715
|
+
justify-content: center;
|
|
716
|
+
align-items: center;
|
|
630
717
|
|
|
718
|
+
// &:last-child svg {
|
|
719
|
+
// width: 16px;
|
|
720
|
+
// height: 16px;
|
|
721
|
+
// path {
|
|
722
|
+
// stroke: #dc2626;
|
|
723
|
+
// }
|
|
724
|
+
// }
|
|
725
|
+
}
|
|
631
726
|
.product_action_button {
|
|
632
727
|
display: flex;
|
|
633
728
|
justify-content: center;
|
|
@@ -637,65 +732,25 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
637
732
|
// font-size: 14px;
|
|
638
733
|
// font-weight: 400;
|
|
639
734
|
// line-height: 20px;
|
|
640
|
-
white-space: nowrap;
|
|
641
|
-
color: var(
|
|
642
|
-
--_ctm-mob-dn-pt-as-ss-cr,
|
|
643
|
-
var(--_ctm-tab-dn-pt-as-ss-cr, var(--_ctm-dn-pt-as-ss-cr))
|
|
644
|
-
);
|
|
645
|
-
font-family: var(
|
|
646
|
-
--_sf-hr-ff,
|
|
647
|
-
var(
|
|
648
|
-
--_ctm-mob-dn-pt-as-ss-ft-fy,
|
|
649
|
-
var(--_ctm-tab-dn-pt-as-ss-ft-fy, var(--_ctm-dn-pt-as-ss-ft-fy))
|
|
650
|
-
)
|
|
651
|
-
);
|
|
652
|
-
font-size: var(
|
|
653
|
-
--_ctm-mob-dn-pt-as-ss-ft-se,
|
|
654
|
-
var(--_ctm-tab-dn-pt-as-ss-ft-se, var(--_ctm-dn-pt-as-ss-ft-se))
|
|
655
|
-
);
|
|
656
|
-
font-weight: var(
|
|
657
|
-
--_ctm-mob-dn-pt-as-ss-ft-wt,
|
|
658
|
-
var(--_ctm-tab-dn-pt-as-ss-ft-wt, var(--_ctm-dn-pt-as-ss-ft-wt))
|
|
659
|
-
);
|
|
660
|
-
font-style: var(
|
|
661
|
-
--_ctm-mob-dn-pt-as-ss-ft-se-ic,
|
|
662
|
-
var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic))
|
|
663
|
-
);
|
|
664
|
-
text-align: var(
|
|
665
|
-
--_ctm-mob-dn-pt-as-ss-tt-an,
|
|
666
|
-
var(--_ctm-tab-dn-pt-as-ss-tt-an, var(--_ctm-dn-pt-as-ss-tt-an))
|
|
667
|
-
);
|
|
668
|
-
letter-spacing: var(
|
|
669
|
-
--_ctm-mob-dn-pt-as-ss-lr-sg,
|
|
670
|
-
var(--_ctm-tab-dn-pt-as-ss-lr-sg, var(--_ctm-dn-pt-as-ss-lr-sg))
|
|
671
|
-
);
|
|
672
|
-
line-height: var(
|
|
673
|
-
--_ctm-mob-dn-pt-as-ss-le-ht,
|
|
674
|
-
var(--_ctm-tab-dn-pt-as-ss-le-ht, var(--_ctm-dn-pt-as-ss-le-ht))
|
|
675
|
-
);
|
|
676
|
-
text-decoration: var(
|
|
677
|
-
--_ctm-mob-dn-pt-as-ss-ue,
|
|
678
|
-
var(--_ctm-tab-dn-pt-as-ss-ue, var(--_ctm-dn-pt-as-ss-ue))
|
|
679
|
-
);
|
|
680
735
|
|
|
681
736
|
// &:hover {
|
|
682
737
|
// font-weight: 600;
|
|
683
738
|
// }
|
|
684
739
|
}
|
|
685
740
|
|
|
686
|
-
.remove_button {
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
|
|
692
|
-
|
|
693
|
-
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
|
|
697
|
-
|
|
698
|
-
}
|
|
741
|
+
// .remove_button {
|
|
742
|
+
// display: flex;
|
|
743
|
+
// justify-content: center;
|
|
744
|
+
// align-items: center;
|
|
745
|
+
// color: #dc2626;
|
|
746
|
+
// font-size: 14px;
|
|
747
|
+
// font-weight: 400;
|
|
748
|
+
// line-height: 20px;
|
|
749
|
+
// white-space: nowrap;
|
|
750
|
+
// // &:hover {
|
|
751
|
+
// // font-weight: 600;
|
|
752
|
+
// // }
|
|
753
|
+
// }
|
|
699
754
|
}
|
|
700
755
|
}
|
|
701
756
|
}
|
|
@@ -758,9 +813,49 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
758
813
|
}
|
|
759
814
|
.label {
|
|
760
815
|
display: block;
|
|
761
|
-
font-size: 0.875rem;
|
|
762
|
-
font-weight: 500;
|
|
763
|
-
color: #374151;
|
|
816
|
+
// font-size: 0.875rem;
|
|
817
|
+
// font-weight: 500;
|
|
818
|
+
// color: #374151;
|
|
819
|
+
white-space: nowrap;
|
|
820
|
+
color: var(
|
|
821
|
+
--_ctm-mob-dn-pt-as-is-cr,
|
|
822
|
+
var(--_ctm-tab-dn-pt-as-is-cr, var(--_ctm-dn-pt-as-is-cr))
|
|
823
|
+
);
|
|
824
|
+
font-family: var(
|
|
825
|
+
--_sf-hr-ff,
|
|
826
|
+
var(
|
|
827
|
+
--_ctm-mob-dn-pt-as-is-ft-fy,
|
|
828
|
+
var(--_ctm-tab-dn-pt-as-is-ft-fy, var(--_ctm-dn-pt-as-is-ft-fy))
|
|
829
|
+
)
|
|
830
|
+
);
|
|
831
|
+
font-size: var(
|
|
832
|
+
--_ctm-mob---_ctm-dn-pt-as-is-ft-se,
|
|
833
|
+
var(--_ctm-tab---_ctm-dn-pt-as-is-ft-se, var(--_ctm---_ctm-dn-pt-as-is-ft-se))
|
|
834
|
+
);
|
|
835
|
+
font-weight: var(
|
|
836
|
+
--_ctm-mob-dn-pt-as-is-ft-wt,
|
|
837
|
+
var(--_ctm-tab-dn-pt-as-is-ft-wt, var(--_ctm-dn-pt-as-is-ft-wt))
|
|
838
|
+
);
|
|
839
|
+
font-style: var(
|
|
840
|
+
--_ctm-mob-dn-pt-as-ss-ft-se-ic,
|
|
841
|
+
var(--_ctm-tab-dn-pt-as-ss-ft-se-ic, var(--_ctm-dn-pt-as-ss-ft-se-ic))
|
|
842
|
+
);
|
|
843
|
+
text-align: var(
|
|
844
|
+
--_ctm-mob-dn-pt-as-is-tt-an,
|
|
845
|
+
var(--_ctm-tab-dn-pt-as-is-tt-an, var(--_ctm-dn-pt-as-is-tt-an))
|
|
846
|
+
);
|
|
847
|
+
letter-spacing: var(
|
|
848
|
+
--_ctm-mob-dn-pt-as-is-lr-sg,
|
|
849
|
+
var(--_ctm-tab-dn-pt-as-is-lr-sg, var(--_ctm-dn-pt-as-is-lr-sg))
|
|
850
|
+
);
|
|
851
|
+
line-height: var(
|
|
852
|
+
--_ctm-mob-dn-pt-as-is-le-ht,
|
|
853
|
+
var(--_ctm-tab-dn-pt-as-is-le-ht, var(--_ctm-dn-pt-as-is-le-ht))
|
|
854
|
+
);
|
|
855
|
+
text-decoration: var(
|
|
856
|
+
--_ctm-mob-dn-pt-as-is-ue,
|
|
857
|
+
var(--_ctm-tab-dn-pt-as-is-ue, var(--_ctm-dn-pt-as-is-ue))
|
|
858
|
+
);
|
|
764
859
|
margin-bottom: 0.5rem;
|
|
765
860
|
|
|
766
861
|
&.required::after {
|
|
@@ -768,17 +863,63 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
768
863
|
color: #dc2626;
|
|
769
864
|
}
|
|
770
865
|
}
|
|
866
|
+
.image_file_a,
|
|
867
|
+
.file_a {
|
|
868
|
+
padding: 8px 0px !important;
|
|
869
|
+
border-radius: 4px;
|
|
870
|
+
// border: 1px solid #ccc;
|
|
871
|
+
/* background-color: #f9fafb !important; */
|
|
872
|
+
outline: none;
|
|
873
|
+
transition: border-color 0.2s ease-in-out;
|
|
874
|
+
font-size: 14px;
|
|
875
|
+
height: 40px;
|
|
876
|
+
}
|
|
877
|
+
.image_file_a button,
|
|
878
|
+
.file_a button {
|
|
879
|
+
font-family: var(
|
|
880
|
+
--_sf-hr-ff,
|
|
881
|
+
var(
|
|
882
|
+
--_ctm-mob-dn-pt-as-is-ft-fy,
|
|
883
|
+
var(--_ctm-tab-dn-pt-as-is-ft-fy, var(--_ctm-dn-pt-as-is-ft-fy))
|
|
884
|
+
)
|
|
885
|
+
);
|
|
886
|
+
}
|
|
771
887
|
.attribute_form_field {
|
|
772
888
|
width: 100% !important;
|
|
773
889
|
padding: 8px 12px !important;
|
|
774
|
-
border-radius: 4px;
|
|
775
|
-
border: 1px solid #ccc;
|
|
890
|
+
// border-radius: 4px;
|
|
891
|
+
// border: 1px solid #ccc;
|
|
776
892
|
/* background-color: #f9fafb !important; */
|
|
893
|
+
border-style: var(
|
|
894
|
+
--_ctm-mob-dn-pt-as-is-br-se,
|
|
895
|
+
var(--_ctm-tab-dn-pt-as-is-br-se, var(--_ctm-dn-pt-as-is-br-se))
|
|
896
|
+
);
|
|
897
|
+
border-width: var(
|
|
898
|
+
--_ctm-mob-dn-pt-as-is-br-wh,
|
|
899
|
+
var(--_ctm-tab-dn-pt-as-is-br-wh, var(--_ctm-dn-pt-as-is-br-wh))
|
|
900
|
+
);
|
|
901
|
+
// border: ;
|
|
902
|
+
border-radius: var(
|
|
903
|
+
--_ctm-mob-dn-pt-as-is-br-rs,
|
|
904
|
+
var(--_ctm-tab-dn-pt-as-is-br-rs, var(--_ctm-dn-pt-as-is-br-rs))
|
|
905
|
+
);
|
|
906
|
+
border-color: var(
|
|
907
|
+
--_ctm-mob-dn-pt-as-is-br-cr,
|
|
908
|
+
var(--_ctm-tab-dn-pt-as-is-br-cr, var(--_ctm-dn-pt-as-is-br-cr))
|
|
909
|
+
);
|
|
777
910
|
outline: none;
|
|
778
911
|
transition: border-color 0.2s ease-in-out;
|
|
779
912
|
font-size: 14px;
|
|
780
913
|
height: 40px;
|
|
781
914
|
|
|
915
|
+
font-family: var(
|
|
916
|
+
--_sf-hr-ff,
|
|
917
|
+
var(
|
|
918
|
+
--_ctm-mob-dn-pt-as-is-ft-fy,
|
|
919
|
+
var(--_ctm-tab-dn-pt-as-is-ft-fy, var(--_ctm-dn-pt-as-is-ft-fy))
|
|
920
|
+
)
|
|
921
|
+
);
|
|
922
|
+
|
|
782
923
|
&:focus {
|
|
783
924
|
border-color: #3b82f6;
|
|
784
925
|
background-color: #fff;
|
|
@@ -793,6 +934,13 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
793
934
|
textarea {
|
|
794
935
|
min-height: 100px;
|
|
795
936
|
resize: vertical;
|
|
937
|
+
font-family: var(
|
|
938
|
+
--_sf-hr-ff,
|
|
939
|
+
var(
|
|
940
|
+
--_ctm-mob-dn-pt-as-is-ft-fy,
|
|
941
|
+
var(--_ctm-tab-dn-pt-as-is-ft-fy, var(--_ctm-dn-pt-as-is-ft-fy))
|
|
942
|
+
)
|
|
943
|
+
);
|
|
796
944
|
}
|
|
797
945
|
}
|
|
798
946
|
.text_area_attribute {
|
|
@@ -871,9 +1019,9 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
871
1019
|
}
|
|
872
1020
|
}
|
|
873
1021
|
|
|
874
|
-
@media
|
|
1022
|
+
@media (max-width: 750px) {
|
|
875
1023
|
.product_qty_price_wrapper {
|
|
876
|
-
justify-content: flex-start !important;
|
|
1024
|
+
// justify-content: flex-start !important;
|
|
877
1025
|
}
|
|
878
1026
|
.cart_product_right_wrapper {
|
|
879
1027
|
flex-direction: inherit;
|
|
@@ -882,7 +1030,10 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
882
1030
|
width: 100%;
|
|
883
1031
|
}
|
|
884
1032
|
}
|
|
885
|
-
@media
|
|
1033
|
+
@media (max-width: 448px) {
|
|
1034
|
+
.wrapper {
|
|
1035
|
+
background-color: red;
|
|
1036
|
+
}
|
|
886
1037
|
.cart_product_right_wrapper {
|
|
887
1038
|
display: block;
|
|
888
1039
|
}
|
|
@@ -19,8 +19,25 @@
|
|
|
19
19
|
display: flex;
|
|
20
20
|
justify-content: space-between;
|
|
21
21
|
padding: 8px 12px;
|
|
22
|
-
border: 1px solid #ccc;
|
|
23
|
-
border-radius: 4px;
|
|
22
|
+
// border: 1px solid #ccc;
|
|
23
|
+
// border-radius: 4px;
|
|
24
|
+
border-style: var(
|
|
25
|
+
--_ctm-mob-dn-pt-as-is-br-se,
|
|
26
|
+
var(--_ctm-tab-dn-pt-as-is-br-se, var(--_ctm-dn-pt-as-is-br-se))
|
|
27
|
+
);
|
|
28
|
+
border-width: var(
|
|
29
|
+
--_ctm-mob-dn-pt-as-is-br-wh,
|
|
30
|
+
var(--_ctm-tab-dn-pt-as-is-br-wh, var(--_ctm-dn-pt-as-is-br-wh))
|
|
31
|
+
);
|
|
32
|
+
// border: ;
|
|
33
|
+
border-radius: var(
|
|
34
|
+
--_ctm-mob-dn-pt-as-is-br-rs,
|
|
35
|
+
var(--_ctm-tab-dn-pt-as-is-br-rs, var(--_ctm-dn-pt-as-is-br-rs))
|
|
36
|
+
);
|
|
37
|
+
border-color: var(
|
|
38
|
+
--_ctm-mob-dn-pt-as-is-br-cr,
|
|
39
|
+
var(--_ctm-tab-dn-pt-as-is-br-cr, var(--_ctm-dn-pt-as-is-br-cr))
|
|
40
|
+
);
|
|
24
41
|
width: 240px;
|
|
25
42
|
align-items: center;
|
|
26
43
|
.dropdown-chips {
|
|
@@ -107,14 +124,20 @@
|
|
|
107
124
|
text-align: left;
|
|
108
125
|
display: flex;
|
|
109
126
|
align-items: center;
|
|
127
|
+
gap: 8px;
|
|
128
|
+
height: auto !important;
|
|
129
|
+
max-height: 52px;
|
|
110
130
|
&:hover {
|
|
111
131
|
background-color: #f4f4f4;
|
|
112
132
|
}
|
|
113
133
|
|
|
114
134
|
.item-image {
|
|
115
|
-
background-image: url("");
|
|
135
|
+
// background-image: url("");
|
|
116
136
|
width: 30px;
|
|
117
137
|
height: 30px;
|
|
138
|
+
background-size: 100%;
|
|
139
|
+
background-position: center;
|
|
140
|
+
border-radius: 50%;
|
|
118
141
|
}
|
|
119
142
|
.item-image-svg {
|
|
120
143
|
display: flex;
|
|
@@ -123,6 +146,10 @@
|
|
|
123
146
|
background: #dfdfdf;
|
|
124
147
|
margin-right: 8px;
|
|
125
148
|
}
|
|
149
|
+
|
|
150
|
+
.dropdown-item-details {
|
|
151
|
+
max-width: 80%;
|
|
152
|
+
}
|
|
126
153
|
}
|
|
127
154
|
.selected {
|
|
128
155
|
background-color: #e6f0ff;
|
package/dist/faq.scss
CHANGED
|
@@ -201,8 +201,7 @@
|
|
|
201
201
|
--_ctm-mob-dn-cd-an-im-cr,
|
|
202
202
|
var(--_ctm-tab-dn-cd-an-im-cr, var(--_ctm-dn-cd-an-im-cr))
|
|
203
203
|
);
|
|
204
|
-
font-family:
|
|
205
|
-
var(
|
|
204
|
+
font-family: var(
|
|
206
205
|
--_ctm-mob-dn-cd-an-im-ft-fy,
|
|
207
206
|
var(--_ctm-tab-dn-cd-an-im-ft-fy, var(--_ctm-dn-cd-an-im-ft-fy))
|
|
208
207
|
),
|
|
@@ -346,52 +345,48 @@
|
|
|
346
345
|
var(--_ctm-tab-dn-ed-an-im-bd-cr, var(--_ctm-dn-ed-an-im-bd-cr))
|
|
347
346
|
);
|
|
348
347
|
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
)
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
)
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
)
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
)
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
)
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
--_ctm-mob-dn-ed-an-im-ue,
|
|
392
|
-
var(--_ctm-tab-dn-ed-an-im-ue, var(--_ctm-dn-ed-an-im-ue))
|
|
393
|
-
);
|
|
394
|
-
}
|
|
348
|
+
color: var(
|
|
349
|
+
--_ctm-mob-dn-ed-an-im-cr,
|
|
350
|
+
var(--_ctm-tab-dn-ed-an-im-cr, var(--_ctm-dn-ed-an-im-cr))
|
|
351
|
+
);
|
|
352
|
+
font-family: var(
|
|
353
|
+
--_ctm-mob-dn-ed-an-im-ft-fy,
|
|
354
|
+
var(--_ctm-tab-dn-ed-an-im-ft-fy, var(--_ctm-dn-ed-an-im-ft-fy))
|
|
355
|
+
),
|
|
356
|
+
sans-serif;
|
|
357
|
+
font-size: var(
|
|
358
|
+
--_ctm-mob-dn-ed-an-im-ft-se,
|
|
359
|
+
var(--_ctm-tab-dn-ed-an-im-ft-se, var(--_ctm-dn-ed-an-im-ft-se))
|
|
360
|
+
);
|
|
361
|
+
font-weight: var(
|
|
362
|
+
--_ctm-mob-dn-ed-an-im-ft-wt,
|
|
363
|
+
var(--_ctm-tab-dn-ed-an-im-ft-wt, var(--_ctm-dn-ed-an-im-ft-wt))
|
|
364
|
+
);
|
|
365
|
+
font-style: var(
|
|
366
|
+
--_ctm-mob-dn-ed-an-im-ft-se-ic,
|
|
367
|
+
var(--_tst-tab-dn-ed-an-im-ft-se-ic, var(--_tst-dn-ed-an-im-ft-se-ic))
|
|
368
|
+
);
|
|
369
|
+
text-align: var(
|
|
370
|
+
--_ctm-mob-dn-ed-an-im-tt-an,
|
|
371
|
+
var(--_ctm-tab-dn-ed-an-im-tt-anvvar(--_ctm-dn-ed-an-im-tt-an))
|
|
372
|
+
);
|
|
373
|
+
letter-spacing: var(
|
|
374
|
+
--_ctm-mob-dn-ed-an-im-lr-sg,
|
|
375
|
+
var(--_ctm-tab-dn-ed-an-im-lr-sg, var(--_ctm-dn-ed-an-im-lr-sg))
|
|
376
|
+
);
|
|
377
|
+
line-height: var(
|
|
378
|
+
--_ctm-mob-dn-ed-an-im-le-ht,
|
|
379
|
+
var(--_ctm-tab-dn-ed-an-im-le-ht, var(--_ctm-dn-ed-an-im-le-ht))
|
|
380
|
+
);
|
|
381
|
+
// text-decoration: var(
|
|
382
|
+
// --_ctm-dn-ed-an-im-lh,
|
|
383
|
+
// var(--_ctm-dn-ed-an-im-ue),
|
|
384
|
+
// var(--_tst-dn-cd-an-im-lh)
|
|
385
|
+
// );
|
|
386
|
+
text-decoration: var(
|
|
387
|
+
--_ctm-mob-dn-ed-an-im-ue,
|
|
388
|
+
var(--_ctm-tab-dn-ed-an-im-ue, var(--_ctm-dn-ed-an-im-ue))
|
|
389
|
+
);
|
|
395
390
|
.icon {
|
|
396
391
|
display: var(--_sf-show-icon-ff, flex);
|
|
397
392
|
svg {
|
|
@@ -420,46 +415,43 @@
|
|
|
420
415
|
var(--_ctm-tab-dn-ed-an-im-bd-cr-dc, var(--_ctm-dn-ed-an-im-bd-cr-dc))
|
|
421
416
|
);
|
|
422
417
|
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
var(
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
var(--_ctm-tab-dn-ed-an-im-ue-dc, var(--_ctm-dn-ed-an-im-ue-dc))
|
|
461
|
-
);
|
|
462
|
-
}
|
|
418
|
+
color: var(
|
|
419
|
+
--_ctm-mob-dn-ed-an-im-cr-dc,
|
|
420
|
+
var(--_ctm-tab-dn-ed-an-im-cr-dc, var(--_ctm-dn-ed-an-im-cr-dc))
|
|
421
|
+
);
|
|
422
|
+
font-family: var(
|
|
423
|
+
--_ctm-mob-dn-ed-an-im-ft-fy-dc,
|
|
424
|
+
var(--_ctm-tab-dn-ed-an-im-ft-fy-dc, var(--_ctm-dn-ed-an-im-ft-fy-dc))
|
|
425
|
+
),
|
|
426
|
+
sans-serif;
|
|
427
|
+
font-size: var(
|
|
428
|
+
--_ctm-mob-dn-ed-an-im-ft-se-dc,
|
|
429
|
+
var(--_ctm-tab-dn-ed-an-im-ft-se-dc, var(--_ctm-dn-ed-an-im-ft-se-dc))
|
|
430
|
+
);
|
|
431
|
+
font-weight: var(
|
|
432
|
+
--_ctm-mob-dn-ed-an-im-ft-wt-dc,
|
|
433
|
+
var(--_ctm-tab-dn-ed-an-im-ft-wt-dc, var(--_ctm-dn-ed-an-im-ft-wt-dc))
|
|
434
|
+
);
|
|
435
|
+
font-style: var(
|
|
436
|
+
--_ctm-mob-dn-ed-an-im-ft-se-ic-dc,
|
|
437
|
+
var(--_ctm-tab-dn-ed-an-im-ft-se-ic-dc, var(--_ctm-dn-ed-an-im-ft-se-ic-dc))
|
|
438
|
+
);
|
|
439
|
+
text-align: var(
|
|
440
|
+
--_ctm-mob-dn-ed-an-im-tt-an-dc,
|
|
441
|
+
var(--_ctm-tab-dn-ed-an-im-tt-an-dc, var(--_ctm-dn-ed-an-im-tt-an-dc))
|
|
442
|
+
);
|
|
443
|
+
letter-spacing: var(
|
|
444
|
+
--_ctm-mob-dn-ed-an-im-lr-sg-dc,
|
|
445
|
+
var(--_ctm-tab-dn-ed-an-im-lr-sg-dc, var(--_ctm-dn-ed-an-im-lr-sg-dc))
|
|
446
|
+
);
|
|
447
|
+
line-height: var(
|
|
448
|
+
--_ctm-mob-dn-ed-an-im-le-ht-dc,
|
|
449
|
+
var(--_ctm-tab-dn-ed-an-im-le-ht-dc, var(--_ctm-dn-ed-an-im-le-ht-dc))
|
|
450
|
+
);
|
|
451
|
+
text-decoration: var(
|
|
452
|
+
--_ctm-mob-dn-ed-an-im-ue-dc,
|
|
453
|
+
var(--_ctm-tab-dn-ed-an-im-ue-dc, var(--_ctm-dn-ed-an-im-ue-dc))
|
|
454
|
+
);
|
|
463
455
|
}
|
|
464
456
|
}
|
|
465
457
|
}
|