@sc-360-v2/storefront-cms-library 0.4.75 → 0.4.76

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.
@@ -671,6 +671,166 @@ $resizeActive: '[data-cms-element-resizer="true"]';
671
671
  var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an-dc, var(--_ctm-dn-sw-cn-ce-ll-tt-an-dc))
672
672
  );
673
673
  }
674
+ .cart_summary_show_gift_card_text {
675
+ // color: var(--_gray-500);
676
+ // font-size: 14px;
677
+ // font-weight: 400;
678
+ font-family: var(
679
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-fy,
680
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-fy, var(--_ctm-dn-sw-cn-ce-ll-ft-fy))
681
+ );
682
+ color: var(
683
+ --_ctm-mob-dn-sw-cn-ce-ll-cr,
684
+ var(--_ctm-tab-dn-sw-cn-ce-ll-cr, var(--_ctm-dn-sw-cn-ce-ll-cr))
685
+ );
686
+ font-weight: var(
687
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-wt,
688
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-wt, var(--_ctm-dn-sw-cn-ce-ll-ft-wt))
689
+ );
690
+ font-size: var(
691
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-se,
692
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-se, var(--_ctm-dn-sw-cn-ce-ll-ft-se))
693
+ );
694
+ // font-size: 14px;
695
+ text-decoration: var(
696
+ --_ctm-mob-dn-sw-cn-ce-ll-ue,
697
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ue, var(--_ctm-dn-sw-cn-ce-ll-ue))
698
+ );
699
+ letter-spacing: var(
700
+ --_ctm-mob-dn-sw-cn-ce-ll-lr-sg,
701
+ var(--_ctm-tab-dn-sw-cn-ce-ll-lr-sg, var(--_ctm-dn-sw-cn-ce-ll-lr-sg))
702
+ );
703
+ line-height: var(
704
+ --_ctm-mob-dn-sw-cn-ce-ll-le-ht,
705
+ var(--_ctm-tab-dn-sw-cn-ce-ll-le-ht, var(--_ctm-dn-sw-cn-ce-ll-le-ht))
706
+ );
707
+ font-style: var(
708
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-se-ic,
709
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-se-ic, var(--_ctm-dn-sw-cn-ce-ll-ft-se-ic))
710
+ );
711
+ text-align: var(
712
+ --_ctm-mob-dn-sw-cn-ce-ll-tt-an,
713
+ var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an, var(--_ctm-dn-sw-cn-ce-ll-tt-an))
714
+ );
715
+ }
716
+ .cart_summary_show_gift_card_value {
717
+ font-family: var(
718
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-fy-dc,
719
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-fy-dc, var(--_ctm-dn-sw-cn-ce-ll-ft-fy-dc))
720
+ );
721
+ color: var(
722
+ --_ctm-mob-dn-sw-cn-ce-ll-cr-dc,
723
+ var(--_ctm-tab-dn-sw-cn-ce-ll-cr-dc, var(--_ctm-dn-sw-cn-ce-ll-cr-dc))
724
+ );
725
+ font-weight: var(
726
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-wt-dc,
727
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-wt-dc, var(--_ctm-dn-sw-cn-ce-ll-ft-wt-dc))
728
+ );
729
+ font-size: var(
730
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-se-dc,
731
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-se-dc, var(--_ctm-dn-sw-cn-ce-ll-ft-se-dc))
732
+ );
733
+ text-decoration: var(
734
+ --_ctm-mob-dn-sw-cn-ce-ll-ue-dc,
735
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ue-dc, var(--_ctm-dn-sw-cn-ce-ll-ue-dc))
736
+ );
737
+ letter-spacing: var(
738
+ --_ctm-mob-dn-sw-cn-ce-ll-lr-sg-dc,
739
+ var(--_ctm-tab-dn-sw-cn-ce-ll-lr-sg-dc, var(--_ctm-dn-sw-cn-ce-ll-lr-sg-dc))
740
+ );
741
+ line-height: var(
742
+ --_ctm-mob-dn-sw-cn-ce-ll-le-ht-dc,
743
+ var(--_ctm-tab-dn-sw-cn-ce-ll-le-ht-dc, var(--_ctm-dn-sw-cn-ce-ll-le-ht-dc))
744
+ );
745
+ font-style: var(
746
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-se-ic-dc,
747
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-se-ic-dc, var(--_ctm-dn-sw-cn-ce-ll-ft-se-ic-dc))
748
+ );
749
+ text-align: var(
750
+ --_ctm-mob-dn-sw-cn-ce-ll-tt-an-dc,
751
+ var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an-dc, var(--_ctm-dn-sw-cn-ce-ll-tt-an-dc))
752
+ );
753
+ }
754
+ .cart_summary_show_deal_text {
755
+ // color: var(--_gray-500);
756
+ // font-size: 14px;
757
+ // font-weight: 400;
758
+ font-family: var(
759
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-fy,
760
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-fy, var(--_ctm-dn-sw-cn-ce-ll-ft-fy))
761
+ );
762
+ color: var(
763
+ --_ctm-mob-dn-sw-cn-ce-ll-cr,
764
+ var(--_ctm-tab-dn-sw-cn-ce-ll-cr, var(--_ctm-dn-sw-cn-ce-ll-cr))
765
+ );
766
+ font-weight: var(
767
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-wt,
768
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-wt, var(--_ctm-dn-sw-cn-ce-ll-ft-wt))
769
+ );
770
+ font-size: var(
771
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-se,
772
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-se, var(--_ctm-dn-sw-cn-ce-ll-ft-se))
773
+ );
774
+ // font-size: 14px;
775
+ text-decoration: var(
776
+ --_ctm-mob-dn-sw-cn-ce-ll-ue,
777
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ue, var(--_ctm-dn-sw-cn-ce-ll-ue))
778
+ );
779
+ letter-spacing: var(
780
+ --_ctm-mob-dn-sw-cn-ce-ll-lr-sg,
781
+ var(--_ctm-tab-dn-sw-cn-ce-ll-lr-sg, var(--_ctm-dn-sw-cn-ce-ll-lr-sg))
782
+ );
783
+ line-height: var(
784
+ --_ctm-mob-dn-sw-cn-ce-ll-le-ht,
785
+ var(--_ctm-tab-dn-sw-cn-ce-ll-le-ht, var(--_ctm-dn-sw-cn-ce-ll-le-ht))
786
+ );
787
+ font-style: var(
788
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-se-ic,
789
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-se-ic, var(--_ctm-dn-sw-cn-ce-ll-ft-se-ic))
790
+ );
791
+ text-align: var(
792
+ --_ctm-mob-dn-sw-cn-ce-ll-tt-an,
793
+ var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an, var(--_ctm-dn-sw-cn-ce-ll-tt-an))
794
+ );
795
+ }
796
+ .cart_summary_show_deal_value {
797
+ font-family: var(
798
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-fy-dc,
799
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-fy-dc, var(--_ctm-dn-sw-cn-ce-ll-ft-fy-dc))
800
+ );
801
+ color: var(
802
+ --_ctm-mob-dn-sw-cn-ce-ll-cr-dc,
803
+ var(--_ctm-tab-dn-sw-cn-ce-ll-cr-dc, var(--_ctm-dn-sw-cn-ce-ll-cr-dc))
804
+ );
805
+ font-weight: var(
806
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-wt-dc,
807
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-wt-dc, var(--_ctm-dn-sw-cn-ce-ll-ft-wt-dc))
808
+ );
809
+ font-size: var(
810
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-se-dc,
811
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-se-dc, var(--_ctm-dn-sw-cn-ce-ll-ft-se-dc))
812
+ );
813
+ text-decoration: var(
814
+ --_ctm-mob-dn-sw-cn-ce-ll-ue-dc,
815
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ue-dc, var(--_ctm-dn-sw-cn-ce-ll-ue-dc))
816
+ );
817
+ letter-spacing: var(
818
+ --_ctm-mob-dn-sw-cn-ce-ll-lr-sg-dc,
819
+ var(--_ctm-tab-dn-sw-cn-ce-ll-lr-sg-dc, var(--_ctm-dn-sw-cn-ce-ll-lr-sg-dc))
820
+ );
821
+ line-height: var(
822
+ --_ctm-mob-dn-sw-cn-ce-ll-le-ht-dc,
823
+ var(--_ctm-tab-dn-sw-cn-ce-ll-le-ht-dc, var(--_ctm-dn-sw-cn-ce-ll-le-ht-dc))
824
+ );
825
+ font-style: var(
826
+ --_ctm-mob-dn-sw-cn-ce-ll-ft-se-ic-dc,
827
+ var(--_ctm-tab-dn-sw-cn-ce-ll-ft-se-ic-dc, var(--_ctm-dn-sw-cn-ce-ll-ft-se-ic-dc))
828
+ );
829
+ text-align: var(
830
+ --_ctm-mob-dn-sw-cn-ce-ll-tt-an-dc,
831
+ var(--_ctm-tab-dn-sw-cn-ce-ll-tt-an-dc, var(--_ctm-dn-sw-cn-ce-ll-tt-an-dc))
832
+ );
833
+ }
674
834
  }
675
835
  .cart_summary_content_details_wrapper {
676
836
  display: flex;
@@ -2294,6 +2454,164 @@ $resizeActive: '[data-cms-element-resizer="true"]';
2294
2454
  }
2295
2455
  }
2296
2456
 
2457
+ .btn__with__text[data-btn-name="signUp"] {
2458
+ width: 100%;
2459
+ &[data-show-shadow="false"] {
2460
+ --_show-shadow: none;
2461
+ }
2462
+ &[data-icon-position="left"] {
2463
+ --_sf-fd-bn: row;
2464
+ }
2465
+ &[data-icon-position="right"] {
2466
+ --_sf-fd-bn: row-reverse;
2467
+ }
2468
+ &[data-icon-position="center"] {
2469
+ --_sf-fd-bn: row;
2470
+ }
2471
+
2472
+ &:hover {
2473
+ --_sf-hr-bd-cr: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-bd-cr)};
2474
+ --_sf-hr-br-cr: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-br-cr)};
2475
+ --_sf-hr-br-se: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-br-se)};
2476
+ --_sf-hr-br-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-br-wh)};
2477
+ --_sf-hr-br-rs: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-br-rs)};
2478
+ --_sf-hr-at: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-at)};
2479
+ --_sf-hr-gp: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-gp)};
2480
+
2481
+ // for shadow
2482
+ --_sf-hr-sw-ae: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-sw-ae)};
2483
+ --_sf-hr-sw-br: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-sw-br)};
2484
+ --_sf-hr-sw-hr: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-sw-hr)};
2485
+ --_sf-hr-sw-cr: #{prepareMediaVariable (--_ctm-dn-ct-as-sn-up-hr-se-sw-cr)};
2486
+ // for font
2487
+
2488
+ --_sf-hr-cr: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-cr)};
2489
+ --_sf-hr-ft-fy: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-ft-fy)};
2490
+ --_sf-hr-ft-se: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-ft-se)};
2491
+ --_sf-hr-ft-wt: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-ft-wt)};
2492
+ --_sf-hr-ft-se-ic: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-ft-se-ic)};
2493
+ --_sf-hr-tt-an: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-tt-an)};
2494
+ --_sf-hr-lr-sg: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-lr-sg)};
2495
+ --_sf-hr-le-ht: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-le-ht)};
2496
+
2497
+ --_sf-hr-in-se: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-in-se)};
2498
+ --_sf-hr-in-se: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-in-se)};
2499
+ --_sf-hr-in-c1: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-in-c1)};
2500
+ --_sf-hr-ue: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-se-ue)};
2501
+
2502
+ // for pading and width
2503
+ --_sf-hr-pg: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-pg)};
2504
+ --_sf-hr-wh: #{prepareMediaVariable(--_ctm-dn-ct-as-sn-up-hr-wh)};
2505
+ &[data-hover-show-shadow="false"] {
2506
+ --_hover-show-shadow: none;
2507
+ }
2508
+ &[data-hover-show-icon="false"] {
2509
+ --_hover-show-icon: none;
2510
+ }
2511
+ }
2512
+
2513
+ background-color: var(
2514
+ --_sf-hr-bd-cr,
2515
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-bd-cr)
2516
+ );
2517
+
2518
+ padding: var(--_sf-hr-pg, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-pg));
2519
+ width: var(--_sf-hr-wh, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-wh));
2520
+ display: flex;
2521
+ flex-direction: var(--_sf-fd-bn);
2522
+ align-items: center;
2523
+
2524
+ justify-content: var(--_sf-hr-at, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-at));
2525
+ gap: var(--_sf-hr-gp, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-gp));
2526
+
2527
+ border-radius: var(--_sf-hr-br-rs, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-rs));
2528
+
2529
+ box-shadow: var(--_sf-hr-sw-ae, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-ae))
2530
+ var(--_sf-hr-sw-br, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-br))
2531
+ var(--_sf-hr-sw-sd, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-sd))
2532
+ var(--_sf-hr-sw-cr, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-sw-cr));
2533
+
2534
+ &[data-show-border="true"] {
2535
+ width: 100%;
2536
+ border-color: var(
2537
+ --_sf-hr-br-cr,
2538
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-cr)
2539
+ );
2540
+
2541
+ border-style: var(
2542
+ --_sf-hr-br-se,
2543
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-se)
2544
+ );
2545
+
2546
+ border-width: var(
2547
+ --_sf-hr-br-wh,
2548
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-br-wh)
2549
+ );
2550
+ }
2551
+
2552
+ .txt {
2553
+ display: flex;
2554
+
2555
+ color: var(--_sf-hr-cr, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-cr));
2556
+
2557
+ font-family: var(--_sf-hr-ft-fy, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-fy));
2558
+
2559
+ font-size: var(--_sf-hr-ft-se, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-se));
2560
+
2561
+ font-weight: var(--_sf-hr-ft-wt, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-wt));
2562
+
2563
+ font-style: var(
2564
+ --_sf-hr-ft-se-ic,
2565
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-ft-se-ic)
2566
+ );
2567
+
2568
+ text-align: var(--_sf-hr-tt-an, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-tt-an));
2569
+
2570
+ letter-spacing: var(
2571
+ --_sf-hr-lr-sg,
2572
+ prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-lr-sg)
2573
+ );
2574
+
2575
+ line-height: var(--_sf-hr-le-ht, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-le-ht));
2576
+
2577
+ text-decoration: var(--_sf-hr-ue, prepareMediaVariable(--_ctm-dn-dt-ue));
2578
+ }
2579
+
2580
+ .icon {
2581
+ display: var(--_hover-show-icon, var(--_show-icon, flex));
2582
+ svg {
2583
+ width: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-in-se));
2584
+ height: var(--_sf-hr-in-se, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-in-se));
2585
+
2586
+ path {
2587
+ stroke: var(--_sf-hr-in-c1, prepareMediaVariable(--_ctm-dn-ct-as-sn-up-dt-se-in-c1));
2588
+ }
2589
+ }
2590
+ }
2591
+ [data-element-style="Text"] {
2592
+ display: inline-block;
2593
+ width: 100%;
2594
+ }
2595
+
2596
+ .icon--hover {
2597
+ // position: absolute;
2598
+ // inset: 0;
2599
+ // opacity: 0;
2600
+ display: none;
2601
+ transition: opacity 0.2s ease;
2602
+ }
2603
+
2604
+ &:hover .icon--hover {
2605
+ // opacity: 1;
2606
+ display: flex;
2607
+ }
2608
+
2609
+ &:hover .icon--default {
2610
+ // opacity: 0;
2611
+ display: none;
2612
+ }
2613
+ }
2614
+
2297
2615
  .cart_summary_placeOrder_btn_wrapper {
2298
2616
  // padding: var(--_ctm-lt-bn-pg) calc(var(--_ctm-lt-bn-pg) * 2);
2299
2617
  width: 100%;