@sc-360-v2/storefront-cms-library 0.5.52 → 0.5.54
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/allocationDetails.scss +442 -467
- package/dist/allocations-quota-details.scss +451 -0
- package/dist/allocations.scss +284 -13
- package/dist/builder.js +1 -1
- package/dist/cart-summary.scss +237 -854
- package/dist/faq.scss +48 -5
- package/dist/hotspot.scss +1 -1
- package/dist/icon-list.scss +19 -1
- package/dist/image-temp.scss +15 -2
- package/dist/language-selector.scss +99 -33
- package/dist/login.scss +49 -9
- package/dist/my-templates.scss +11 -2
- package/dist/my-wishlist.scss +27 -17
- package/dist/order-status.scss +228 -136
- package/dist/profile.scss +44 -19
- package/dist/quota-details.scss +111 -11
- package/dist/repeater-item.scss +34 -22
- package/dist/request-for-quotes.scss +15 -1
- package/dist/types/builder/tools/element-edit/allocationDetails.d.ts +17 -1
- package/dist/types/builder/tools/element-edit/cartSummary.d.ts +187 -0
- package/dist/types/builder/tools/element-edit/icon-list.d.ts +22 -0
- package/dist/types/builder/tools/element-edit/iconLibrary.d.ts +7 -1
- package/dist/types/builder/tools/element-edit/imageHotspot.d.ts +0 -1
- package/dist/types/builder/tools/element-edit/language-menu.d.ts +0 -15
- package/dist/types/builder/tools/element-edit/orderStatus.d.ts +320 -187
- package/dist/types/builder/tools/element-edit/userElements.d.ts +197 -7
- package/dist/user-elements.scss +259 -221
- package/package.json +1 -1
package/dist/order-status.scss
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
@use "sass:list";
|
|
3
3
|
@use "./functions.scss" as *;
|
|
4
|
+
$overflowSelector: ".flex__overflow";
|
|
4
5
|
$defaultValues: (
|
|
5
6
|
--_column-count-two: getListOfResponsive(2, 1),
|
|
6
7
|
--_column-count-three: getListOfResponsive(3, 1, 2),
|
|
@@ -69,8 +70,18 @@ $defaultValues: (
|
|
|
69
70
|
var(--_ctm-tab-dn-or-wt-im-gp, var(--_ctm-dn-or-wt-im-gp))
|
|
70
71
|
);
|
|
71
72
|
@include prepareMediaQueries($defaultValues);
|
|
73
|
+
box-shadow: var(
|
|
74
|
+
--_show-shadow,
|
|
75
|
+
var(--_ctm-mob-dn-or-wt-sw-ae, var(--_ctm-tab-dn-or-wt-sw-ae, var(--_ctm-dn-or-wt-sw-ae)))
|
|
76
|
+
var(--_ctm-mob-dn-or-wt-sw-br, var(--_ctm-tab-dn-or-wt-sw-br, var(--_ctm-dn-or-wt-sw-br)))
|
|
77
|
+
var(--_ctm-mob-dn-or-wt-sw-sd, var(--_ctm-tab-dn-or-wt-sw-sd, var(--_ctm-dn-or-wt-sw-sd)))
|
|
78
|
+
var(--_ctm-mob-dn-or-wt-sw-cr, var(--_ctm-tab-dn-or-wt-sw-cr, var(--_ctm-dn-or-wt-sw-cr)))
|
|
79
|
+
);
|
|
72
80
|
|
|
73
81
|
.each-order {
|
|
82
|
+
display: flex;
|
|
83
|
+
flex-direction: column;
|
|
84
|
+
gap: prepareMediaVariable(--_ctm-dn-or-wt-im-gp);
|
|
74
85
|
// border: 1px solid var(--_gray-200);
|
|
75
86
|
// border-radius: 8px;
|
|
76
87
|
// padding: 16px;
|
|
@@ -102,25 +113,6 @@ $defaultValues: (
|
|
|
102
113
|
--_ctm-mob-dn-hr-cr-hr-wr-br-rs,
|
|
103
114
|
var(--_ctm-tab-dn-hr-cr-hr-wr-br-rs, var(--_ctm-dn-hr-cr-hr-wr-br-rs))
|
|
104
115
|
);
|
|
105
|
-
box-shadow: var(
|
|
106
|
-
--_show-shadow,
|
|
107
|
-
var(
|
|
108
|
-
--_ctm-mob-dn-bd-ad-fl-sw-ae,
|
|
109
|
-
var(--_ctm-dn-hr-cr-hr-wr-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
|
|
110
|
-
)
|
|
111
|
-
var(
|
|
112
|
-
--_ctm-mob-dn-bd-ad-fl-sw-br,
|
|
113
|
-
var(--_ctm-dn-hr-cr-hr-wr-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
|
|
114
|
-
)
|
|
115
|
-
var(
|
|
116
|
-
--_ctm-mob-dn-bd-ad-fl-sw-sd,
|
|
117
|
-
var(--_ctm-dn-hr-cr-hr-wr-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
|
|
118
|
-
)
|
|
119
|
-
var(
|
|
120
|
-
--_ctm-mob-dn-bd-ad-fl-sw-cr,
|
|
121
|
-
var(--_ctm-dn-hr-cr-hr-wr-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
|
|
122
|
-
)
|
|
123
|
-
);
|
|
124
116
|
|
|
125
117
|
.user-info {
|
|
126
118
|
display: flex;
|
|
@@ -176,6 +168,9 @@ $defaultValues: (
|
|
|
176
168
|
--_ctm-mob-dn-hr-cr-te-tt-an,
|
|
177
169
|
var(--_ctm-tab-dn-hr-cr-te-tt-an, var(--_ctm-dn-hr-cr-te-tt-an))
|
|
178
170
|
);
|
|
171
|
+
text-transform: prepareMediaVariable(--_ctm-dn-hr-cr-te-tt-tm);
|
|
172
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-hr-cr-te-wd-wr);
|
|
173
|
+
word-break: prepareMediaVariable(--_ctm-dn-hr-cr-te-wd-bk);
|
|
179
174
|
margin-bottom: 6px;
|
|
180
175
|
span {
|
|
181
176
|
margin-left: 6px;
|
|
@@ -245,6 +240,9 @@ $defaultValues: (
|
|
|
245
240
|
--_ctm-mob-dn-hr-cr-ee-ds-tt-an,
|
|
246
241
|
var(--_ctm-tab-dn-hr-cr-ee-ds-tt-an, var(--_ctm-dn-hr-cr-ee-ds-tt-an))
|
|
247
242
|
);
|
|
243
|
+
text-transform: prepareMediaVariable(--_ctm-dn-hr-cr-ee-ds-tt-tm);
|
|
244
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-hr-cr-ee-ds-wd-wr);
|
|
245
|
+
word-break: prepareMediaVariable(--_ctm-dn-hr-cr-ee-ds-wd-bk);
|
|
248
246
|
padding-right: 7px;
|
|
249
247
|
}
|
|
250
248
|
&:not(:first-child)::before {
|
|
@@ -460,17 +458,26 @@ $defaultValues: (
|
|
|
460
458
|
display: flex;
|
|
461
459
|
flex-direction: column;
|
|
462
460
|
gap: var(
|
|
463
|
-
--_ctm-mob-dn-or-io-or-io-
|
|
464
|
-
var(--_ctm-tab-dn-or-io-or-io-
|
|
461
|
+
--_ctm-mob-dn-or-io-or-io-wr-im-gp,
|
|
462
|
+
var(--_ctm-tab-dn-or-io-or-io-wr-im-gp, var(--_ctm-dn-or-io-or-io-wr-im-gp))
|
|
465
463
|
);
|
|
466
|
-
|
|
467
|
-
--_ctm-mob-dn-or-io-or-io-cr-mn,
|
|
468
|
-
var(--_ctm-tab-dn-or-io-or-io-cr-mn, var(--_ctm-dn-or-io-or-io-cr-mn))
|
|
469
|
-
);
|
|
470
|
-
padding: prepareMediaVariable(--_ctm-dn-or-io-or-io-cr-pg);
|
|
464
|
+
padding: prepareMediaVariable(--_ctm-dn-or-io-or-io-wr-pg);
|
|
471
465
|
background-color: var(
|
|
472
|
-
--_ctm-mob-dn-or-io-or-io-
|
|
473
|
-
var(--_ctm-tab-dn-or-io-or-io-
|
|
466
|
+
--_ctm-mob-dn-or-io-or-io-wr-bd-cr,
|
|
467
|
+
var(--_ctm-tab-dn-or-io-or-io-wr-bd-cr, var(--_ctm-dn-or-io-or-io-wr-bd-cr))
|
|
468
|
+
);
|
|
469
|
+
border-color: prepareMediaVariable(--_ctm-dn-or-io-or-io-wr-br-cr);
|
|
470
|
+
border-style: var(
|
|
471
|
+
--_ctm-mob-dn-or-io-or-io-wr-br-se,
|
|
472
|
+
var(--_ctm-tab-dn-or-io-or-io-wr-br-se, var(--_ctm-dn-or-io-or-io-wr-br-se))
|
|
473
|
+
);
|
|
474
|
+
border-width: var(
|
|
475
|
+
--_ctm-mob-dn-or-io-or-io-wr-br-wh,
|
|
476
|
+
var(--_ctm-tab-dn-or-io-or-io-wr-br-wh, var(--_ctm-dn-or-io-or-io-wr-br-wh))
|
|
477
|
+
);
|
|
478
|
+
border-radius: var(
|
|
479
|
+
--_ctm-mob-dn-or-io-or-io-wr-br-rs,
|
|
480
|
+
var(--_ctm-tab-dn-or-io-or-io-wr-br-rs, var(--_ctm-dn-or-io-or-io-wr-br-rs))
|
|
474
481
|
);
|
|
475
482
|
.order_info_header {
|
|
476
483
|
font-family: var(
|
|
@@ -514,11 +521,10 @@ $defaultValues: (
|
|
|
514
521
|
--_ctm-mob-dn-or-io-or-io-hr-bd-cr,
|
|
515
522
|
var(--_ctm-tab-dn-or-io-or-io-hr-bd-cr, var(--_ctm-dn-or-io-or-io-hr-bd-cr))
|
|
516
523
|
);
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
border: 1px solid var(--_gray-200);
|
|
524
|
+
border-color: var(
|
|
525
|
+
--_ctm-mob-dn-or-io-or-io-hr-br-cr,
|
|
526
|
+
var(--_ctm-tab-dn-or-io-or-io-hr-br-cr, var(--_ctm-dn-or-io-or-io-hr-br-cr))
|
|
527
|
+
);
|
|
522
528
|
border-style: var(
|
|
523
529
|
--_ctm-mob-dn-or-io-or-io-hr-br-se,
|
|
524
530
|
var(--_ctm-tab-dn-or-io-or-io-hr-br-se, var(--_ctm-dn-or-io-or-io-hr-br-se))
|
|
@@ -531,6 +537,15 @@ $defaultValues: (
|
|
|
531
537
|
--_ctm-mob-dn-or-io-or-io-hr-br-rs,
|
|
532
538
|
var(--_ctm-tab-dn-or-io-or-io-hr-br-rs, var(--_ctm-dn-or-io-or-io-hr-br-rs))
|
|
533
539
|
);
|
|
540
|
+
text-transform: prepareMediaVariable(--_ctm-dn-or-io-or-io-hr-tt-tm);
|
|
541
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-or-io-or-io-hr-wd-wr);
|
|
542
|
+
word-break: prepareMediaVariable(--_ctm-dn-or-io-or-io-hr-wd-bk);
|
|
543
|
+
// Order Info > Order Info Header > Text Overflow. `textOverflow` is a
|
|
544
|
+
// `controls` property, so the renderer adds the class and publishes the
|
|
545
|
+
// line count rather than emitting a variable for it.
|
|
546
|
+
&#{$overflowSelector} {
|
|
547
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
548
|
+
}
|
|
534
549
|
span {
|
|
535
550
|
font-size: 14px;
|
|
536
551
|
font-weight: 600;
|
|
@@ -542,29 +557,29 @@ $defaultValues: (
|
|
|
542
557
|
display: flex;
|
|
543
558
|
flex-direction: column;
|
|
544
559
|
gap: var(
|
|
545
|
-
--_ctm-mob-dn-qk-as-
|
|
546
|
-
var(--_ctm-tab-dn-qk-as-
|
|
560
|
+
--_ctm-mob-dn-qk-as-qk-as-wr-im-gp,
|
|
561
|
+
var(--_ctm-tab-dn-qk-as-qk-as-wr-im-gp, var(--_ctm-dn-qk-as-qk-as-wr-im-gp))
|
|
547
562
|
);
|
|
548
|
-
padding: prepareMediaVariable(--_ctm-dn-qk-as-
|
|
563
|
+
padding: prepareMediaVariable(--_ctm-dn-qk-as-qk-as-wr-pg);
|
|
549
564
|
background-color: var(
|
|
550
|
-
--_ctm-mob-dn-qk-as-
|
|
551
|
-
var(--_ctm-tab-dn-qk-as-
|
|
565
|
+
--_ctm-mob-dn-qk-as-qk-as-wr-bd-cr,
|
|
566
|
+
var(--_ctm-tab-dn-qk-as-qk-as-wr-bd-cr, var(--_ctm-dn-qk-as-qk-as-wr-bd-cr))
|
|
552
567
|
);
|
|
553
568
|
border-color: var(
|
|
554
|
-
--_ctm-mob-dn-qk-as-
|
|
555
|
-
var(--_ctm-tab-dn-qk-as-
|
|
569
|
+
--_ctm-mob-dn-qk-as-qk-as-wr-br-cr,
|
|
570
|
+
var(--_ctm-tab-dn-qk-as-qk-as-wr-br-cr, var(--_ctm-dn-qk-as-qk-as-wr-br-cr))
|
|
556
571
|
);
|
|
557
572
|
border-style: var(
|
|
558
|
-
--_ctm-mob-dn-qk-as-
|
|
559
|
-
var(--_ctm-tab-dn-qk-as-
|
|
573
|
+
--_ctm-mob-dn-qk-as-qk-as-wr-br-se,
|
|
574
|
+
var(--_ctm-tab-dn-qk-as-qk-as-wr-br-se, var(--_ctm-dn-qk-as-qk-as-wr-br-se))
|
|
560
575
|
);
|
|
561
576
|
border-width: var(
|
|
562
|
-
--_ctm-mob-dn-qk-as-
|
|
563
|
-
var(--_ctm-tab-dn-qk-as-
|
|
577
|
+
--_ctm-mob-dn-qk-as-qk-as-wr-br-wh,
|
|
578
|
+
var(--_ctm-tab-dn-qk-as-qk-as-wr-br-wh, var(--_ctm-dn-qk-as-qk-as-wr-br-wh))
|
|
564
579
|
);
|
|
565
580
|
border-radius: var(
|
|
566
|
-
--_ctm-mob-dn-qk-as-
|
|
567
|
-
var(--_ctm-tab-dn-qk-as-
|
|
581
|
+
--_ctm-mob-dn-qk-as-qk-as-wr-br-rs,
|
|
582
|
+
var(--_ctm-tab-dn-qk-as-qk-as-wr-br-rs, var(--_ctm-dn-qk-as-qk-as-wr-br-rs))
|
|
568
583
|
);
|
|
569
584
|
.quick_actions_header {
|
|
570
585
|
padding: prepareMediaVariable(--_ctm-dn-qk-as-qk-hr-pg);
|
|
@@ -572,11 +587,10 @@ $defaultValues: (
|
|
|
572
587
|
--_ctm-mob-dn-qk-as-qk-hr-bd-cr,
|
|
573
588
|
var(--_ctm-tab-dn-qk-as-qk-hr-bd-cr, var(--_ctm-dn-qk-as-qk-hr-bd-cr))
|
|
574
589
|
);
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
border-color: var(--_gray-200);
|
|
590
|
+
border-color: var(
|
|
591
|
+
--_ctm-mob-dn-qk-as-qk-hr-br-cr,
|
|
592
|
+
var(--_ctm-tab-dn-qk-as-qk-hr-br-cr, var(--_ctm-dn-qk-as-qk-hr-br-cr))
|
|
593
|
+
);
|
|
580
594
|
border-style: var(
|
|
581
595
|
--_ctm-mob-dn-qk-as-qk-hr-br-se,
|
|
582
596
|
var(--_ctm-tab-dn-qk-as-qk-hr-br-se, var(--_ctm-dn-qk-as-qk-hr-br-se))
|
|
@@ -629,6 +643,12 @@ $defaultValues: (
|
|
|
629
643
|
--_ctm-mob-dn-qk-as-qk-hr-tt-an,
|
|
630
644
|
var(--_ctm-tab-dn-qk-as-qk-hr-tt-an, var(--_ctm-dn-qk-as-qk-hr-tt-an))
|
|
631
645
|
);
|
|
646
|
+
text-transform: prepareMediaVariable(--_ctm-dn-qk-as-qk-hr-tt-tm);
|
|
647
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-qk-as-qk-hr-wd-wr);
|
|
648
|
+
word-break: prepareMediaVariable(--_ctm-dn-qk-as-qk-hr-wd-bk);
|
|
649
|
+
&#{$overflowSelector} {
|
|
650
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
651
|
+
}
|
|
632
652
|
}
|
|
633
653
|
}
|
|
634
654
|
}
|
|
@@ -638,51 +658,29 @@ $defaultValues: (
|
|
|
638
658
|
flex-direction: column;
|
|
639
659
|
/* space between the two rows */
|
|
640
660
|
background-color: var(
|
|
641
|
-
--_ctm-mob-dn-or-io-or-io-
|
|
642
|
-
var(--_ctm-tab-dn-or-io-or-io-
|
|
643
|
-
);
|
|
644
|
-
margin: var(
|
|
645
|
-
--_ctm-mob-dn-or-io-or-io-wr-mn,
|
|
646
|
-
var(--_ctm-tab-dn-or-io-or-io-wr-mn, var(--_ctm-dn-or-io-or-io-wr-mn))
|
|
661
|
+
--_ctm-mob-dn-or-io-or-io-cr-bd-cr,
|
|
662
|
+
var(--_ctm-tab-dn-or-io-or-io-cr-bd-cr, var(--_ctm-dn-or-io-or-io-cr-bd-cr))
|
|
647
663
|
);
|
|
664
|
+
gap: prepareMediaVariable(--_ctm-dn-or-io-or-io-cr-im-gp);
|
|
648
665
|
padding: var(
|
|
649
|
-
--_ctm-mob-dn-or-io-or-io-
|
|
650
|
-
var(--_ctm-tab-dn-or-io-or-io-
|
|
666
|
+
--_ctm-mob-dn-or-io-or-io-cr-pg,
|
|
667
|
+
var(--_ctm-tab-dn-or-io-or-io-cr-pg, var(--_ctm-dn-or-io-or-io-cr-pg))
|
|
651
668
|
);
|
|
652
669
|
border-color: var(
|
|
653
|
-
--_ctm-mob-dn-or-io-or-io-
|
|
654
|
-
var(--_ctm-tab-dn-or-io-or-io-
|
|
670
|
+
--_ctm-mob-dn-or-io-or-io-cr-br-cr,
|
|
671
|
+
var(--_ctm-tab-dn-or-io-or-io-cr-br-cr, var(--_ctm-dn-or-io-or-io-cr-br-cr))
|
|
655
672
|
);
|
|
656
673
|
border-style: var(
|
|
657
|
-
--_ctm-mob-dn-or-io-or-io-
|
|
658
|
-
var(--_ctm-tab-dn-or-io-or-io-
|
|
674
|
+
--_ctm-mob-dn-or-io-or-io-cr-br-se,
|
|
675
|
+
var(--_ctm-tab-dn-or-io-or-io-cr-br-se, var(--_ctm-dn-or-io-or-io-cr-br-se))
|
|
659
676
|
);
|
|
660
677
|
border-width: var(
|
|
661
|
-
--_ctm-mob-dn-or-io-or-io-
|
|
662
|
-
var(--_ctm-tab-dn-or-io-or-io-
|
|
678
|
+
--_ctm-mob-dn-or-io-or-io-cr-br-wh,
|
|
679
|
+
var(--_ctm-tab-dn-or-io-or-io-cr-br-wh, var(--_ctm-dn-or-io-or-io-cr-br-wh))
|
|
663
680
|
);
|
|
664
681
|
border-radius: var(
|
|
665
|
-
--_ctm-mob-dn-or-io-or-io-
|
|
666
|
-
var(--_ctm-
|
|
667
|
-
);
|
|
668
|
-
box-shadow: var(
|
|
669
|
-
--_show-shadow,
|
|
670
|
-
var(
|
|
671
|
-
--_ctm-mob-dn-bd-ad-fl-sw-ae,
|
|
672
|
-
var(--_ctm-dn-or-io-or-io-wr-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
|
|
673
|
-
)
|
|
674
|
-
var(
|
|
675
|
-
--_ctm-mob-dn-bd-ad-fl-sw-br,
|
|
676
|
-
var(--_ctm-dn-or-io-or-io-wr-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
|
|
677
|
-
)
|
|
678
|
-
var(
|
|
679
|
-
--_ctm-mob-dn-bd-ad-fl-sw-sd,
|
|
680
|
-
var(--_ctm-dn-or-io-or-io-wr-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
|
|
681
|
-
)
|
|
682
|
-
var(
|
|
683
|
-
--_ctm-mob-dn-bd-ad-fl-sw-cr,
|
|
684
|
-
var(--_ctm-dn-or-io-or-io-wr-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
|
|
685
|
-
)
|
|
682
|
+
--_ctm-mob-dn-or-io-or-io-cr-br-rs,
|
|
683
|
+
var(--_ctm-tab-dn-or-io-or-io-cr-br-rs, var(--_ctm-dn-or-io-or-io-cr-br-rs))
|
|
686
684
|
);
|
|
687
685
|
|
|
688
686
|
.order-row {
|
|
@@ -694,14 +692,13 @@ $defaultValues: (
|
|
|
694
692
|
&:first-child {
|
|
695
693
|
grid-template-columns: repeat(2, 1fr);
|
|
696
694
|
border-bottom: 1px dashed var(--_thm-cs-be-se-3);
|
|
697
|
-
padding-bottom:
|
|
695
|
+
padding-bottom: prepareMediaVariable(--_ctm-dn-or-io-or-io-cr-im-gp);
|
|
698
696
|
}
|
|
699
697
|
|
|
700
698
|
/* Second row: three equal columns */
|
|
701
699
|
&:nth-child(2) {
|
|
702
700
|
// grid-template-columns: repeat(3, 1fr);
|
|
703
701
|
grid-template-columns: repeat(var(--_column-count, 3), 2fr);
|
|
704
|
-
margin-top: 24px;
|
|
705
702
|
}
|
|
706
703
|
|
|
707
704
|
/* Each individual info‐cell styling */
|
|
@@ -753,6 +750,13 @@ $defaultValues: (
|
|
|
753
750
|
--_ctm-mob-dn-or-io-or-ne-tt-an,
|
|
754
751
|
var(--_ctm-tab-dn-or-io-or-ne-tt-an, var(--_ctm-dn-or-io-or-ne-tt-an))
|
|
755
752
|
);
|
|
753
|
+
text-transform: prepareMediaVariable(--_ctm-dn-or-io-or-ne-tt-tm);
|
|
754
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-or-io-or-ne-wd-wr);
|
|
755
|
+
word-break: prepareMediaVariable(--_ctm-dn-or-io-or-ne-wd-bk);
|
|
756
|
+
padding: prepareMediaVariable(--_ctm-dn-or-io-or-ne-pg, 0);
|
|
757
|
+
&#{$overflowSelector} {
|
|
758
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
759
|
+
}
|
|
756
760
|
}
|
|
757
761
|
.order_number_skeleton {
|
|
758
762
|
display: inline-flex;
|
|
@@ -766,7 +770,11 @@ $defaultValues: (
|
|
|
766
770
|
// font-weight: 700;
|
|
767
771
|
// color: var(--_gray-900);
|
|
768
772
|
// line-height: 30px;
|
|
769
|
-
line-height: 24px;
|
|
773
|
+
line-height: prepareMediaVariable(--_ctm-dn-or-io-or-id-le-ht, 24px);
|
|
774
|
+
// The order number and its status badge are the two items this gap spaces.
|
|
775
|
+
display: inline-flex;
|
|
776
|
+
align-items: center;
|
|
777
|
+
gap: prepareMediaVariable(--_ctm-dn-or-io-or-id-im-gp, 0);
|
|
770
778
|
font-family: var(
|
|
771
779
|
--_ctm-mob-dn-or-io-or-id-ft-fy,
|
|
772
780
|
var(--_ctm-tab-dn-or-io-or-id-ft-fy, var(--_ctm-dn-or-io-or-id-ft-fy))
|
|
@@ -801,6 +809,13 @@ $defaultValues: (
|
|
|
801
809
|
--_ctm-mob-dn-or-io-or-id-tt-an,
|
|
802
810
|
var(--_ctm-tab-dn-or-io-or-id-tt-an, var(--_ctm-dn-or-io-or-id-tt-an))
|
|
803
811
|
);
|
|
812
|
+
text-transform: prepareMediaVariable(--_ctm-dn-or-io-or-id-tt-tm);
|
|
813
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-or-io-or-id-wd-wr);
|
|
814
|
+
word-break: prepareMediaVariable(--_ctm-dn-or-io-or-id-wd-bk);
|
|
815
|
+
padding: prepareMediaVariable(--_ctm-dn-or-io-or-id-pg, 0);
|
|
816
|
+
&#{$overflowSelector} {
|
|
817
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
818
|
+
}
|
|
804
819
|
}
|
|
805
820
|
.delivery_address {
|
|
806
821
|
font-size: 14px;
|
|
@@ -925,6 +940,16 @@ $defaultValues: (
|
|
|
925
940
|
--_ctm-mob-dn-or-io-or-de-tt-an,
|
|
926
941
|
var(--_ctm-tab-dn-or-io-or-de-tt-an, var(--_ctm-dn-or-io-or-de-tt-an))
|
|
927
942
|
);
|
|
943
|
+
text-transform: prepareMediaVariable(--_ctm-dn-or-io-or-de-tt-tm);
|
|
944
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-or-io-or-de-wd-wr);
|
|
945
|
+
word-break: prepareMediaVariable(--_ctm-dn-or-io-or-de-wd-bk);
|
|
946
|
+
padding: prepareMediaVariable(--_ctm-dn-or-io-or-de-pg, 0);
|
|
947
|
+
display: flex;
|
|
948
|
+
align-items: center;
|
|
949
|
+
gap: prepareMediaVariable(--_ctm-dn-or-io-or-de-im-gp, 0);
|
|
950
|
+
&#{$overflowSelector} {
|
|
951
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
952
|
+
}
|
|
928
953
|
}
|
|
929
954
|
.expected_delivery {
|
|
930
955
|
line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht);
|
|
@@ -938,9 +963,19 @@ $defaultValues: (
|
|
|
938
963
|
|
|
939
964
|
font-style: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se-ic);
|
|
940
965
|
text-align: prepareMediaVariable(--_ctm-dn-or-io-sg-md-tt-an);
|
|
966
|
+
text-transform: prepareMediaVariable(--_ctm-dn-or-io-sg-md-tt-tm);
|
|
967
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-or-io-sg-md-wd-wr);
|
|
968
|
+
word-break: prepareMediaVariable(--_ctm-dn-or-io-sg-md-wd-bk);
|
|
969
|
+
padding: prepareMediaVariable(--_ctm-dn-or-io-sg-md-pg, 0);
|
|
970
|
+
display: flex;
|
|
971
|
+
align-items: center;
|
|
972
|
+
gap: prepareMediaVariable(--_ctm-dn-or-io-sg-md-im-gp, 0);
|
|
973
|
+
&#{$overflowSelector} {
|
|
974
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
975
|
+
}
|
|
941
976
|
}
|
|
942
977
|
.total_amount {
|
|
943
|
-
line-height: 24px;
|
|
978
|
+
line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht, 24px);
|
|
944
979
|
font-family: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-fy);
|
|
945
980
|
font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
|
|
946
981
|
// font-size: 16px;
|
|
@@ -951,6 +986,16 @@ $defaultValues: (
|
|
|
951
986
|
|
|
952
987
|
font-style: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se-ic);
|
|
953
988
|
text-align: prepareMediaVariable(--_ctm-dn-or-io-sg-md-tt-an);
|
|
989
|
+
text-transform: prepareMediaVariable(--_ctm-dn-or-io-sg-md-tt-tm);
|
|
990
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-or-io-sg-md-wd-wr);
|
|
991
|
+
word-break: prepareMediaVariable(--_ctm-dn-or-io-sg-md-wd-bk);
|
|
992
|
+
padding: prepareMediaVariable(--_ctm-dn-or-io-sg-md-pg, 0);
|
|
993
|
+
display: inline-flex;
|
|
994
|
+
align-items: center;
|
|
995
|
+
gap: prepareMediaVariable(--_ctm-dn-or-io-sg-md-im-gp, 0);
|
|
996
|
+
&#{$overflowSelector} {
|
|
997
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
998
|
+
}
|
|
954
999
|
}
|
|
955
1000
|
.inclusive-tax {
|
|
956
1001
|
margin-left: 4px;
|
|
@@ -1006,9 +1051,16 @@ $defaultValues: (
|
|
|
1006
1051
|
--_ctm-mob-dn-or-io-or-ne-tt-an,
|
|
1007
1052
|
var(--_ctm-tab-dn-or-io-or-ne-tt-an, var(--_ctm-dn-or-io-or-ne-tt-an))
|
|
1008
1053
|
);
|
|
1054
|
+
text-transform: prepareMediaVariable(--_ctm-dn-or-io-or-ne-tt-tm);
|
|
1055
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-or-io-or-ne-wd-wr);
|
|
1056
|
+
word-break: prepareMediaVariable(--_ctm-dn-or-io-or-ne-wd-bk);
|
|
1057
|
+
padding: prepareMediaVariable(--_ctm-dn-or-io-or-ne-pg, 0);
|
|
1058
|
+
&#{$overflowSelector} {
|
|
1059
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1060
|
+
}
|
|
1009
1061
|
}
|
|
1010
1062
|
.sgmd_details {
|
|
1011
|
-
line-height: 24px;
|
|
1063
|
+
line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht, 24px);
|
|
1012
1064
|
font-family: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-fy);
|
|
1013
1065
|
font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
|
|
1014
1066
|
// font-size: 16px;
|
|
@@ -1019,6 +1071,16 @@ $defaultValues: (
|
|
|
1019
1071
|
|
|
1020
1072
|
font-style: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se-ic);
|
|
1021
1073
|
text-align: prepareMediaVariable(--_ctm-dn-or-io-sg-md-tt-an);
|
|
1074
|
+
text-transform: prepareMediaVariable(--_ctm-dn-or-io-sg-md-tt-tm);
|
|
1075
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-or-io-sg-md-wd-wr);
|
|
1076
|
+
word-break: prepareMediaVariable(--_ctm-dn-or-io-sg-md-wd-bk);
|
|
1077
|
+
padding: prepareMediaVariable(--_ctm-dn-or-io-sg-md-pg, 0);
|
|
1078
|
+
display: flex;
|
|
1079
|
+
align-items: center;
|
|
1080
|
+
gap: prepareMediaVariable(--_ctm-dn-or-io-sg-md-im-gp, 0);
|
|
1081
|
+
&#{$overflowSelector} {
|
|
1082
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1083
|
+
}
|
|
1022
1084
|
}
|
|
1023
1085
|
}
|
|
1024
1086
|
}
|
|
@@ -1028,40 +1090,18 @@ $defaultValues: (
|
|
|
1028
1090
|
display: flex;
|
|
1029
1091
|
flex-direction: column;
|
|
1030
1092
|
|
|
1031
|
-
gap:
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
// );
|
|
1036
|
-
|
|
1037
|
-
background-color: prepareMediaVariable(--_ctm-dn-dn-qk-as-bd-cr);
|
|
1038
|
-
margin: prepareMediaVariable(--_ctm-dn-dn-qk-as-mn);
|
|
1039
|
-
padding: prepareMediaVariable(--_ctm-dn-dn-qk-as-pg);
|
|
1040
|
-
border-color: prepareMediaVariable(--_ctm-dn-dn-qk-as-br-cr);
|
|
1093
|
+
gap: var(
|
|
1094
|
+
--_ctm-mob-dn-qk-as-qk-as-cr-im-gp,
|
|
1095
|
+
var(--_ctm-tab-dn-qk-as-qk-as-cr-im-gp, var(--_ctm-dn-qk-as-qk-as-cr-im-gp))
|
|
1096
|
+
);
|
|
1041
1097
|
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
border-
|
|
1098
|
+
background-color: prepareMediaVariable(--_ctm-dn-qk-as-qk-as-cr-bd-cr);
|
|
1099
|
+
padding: prepareMediaVariable(--_ctm-dn-qk-as-qk-as-cr-pg);
|
|
1100
|
+
border-color: prepareMediaVariable(--_ctm-dn-qk-as-qk-as-cr-br-cr);
|
|
1045
1101
|
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
--_ctm-mob-dn-bd-ad-fl-sw-ae,
|
|
1050
|
-
var(--_ctm-dn-dn-qk-as-sw-ae, var(--_ctm-dn-bd-ad-fl-sw-ae))
|
|
1051
|
-
)
|
|
1052
|
-
var(
|
|
1053
|
-
--_ctm-mob-dn-bd-ad-fl-sw-br,
|
|
1054
|
-
var(--_ctm-dn-dn-qk-as-sw-br, var(--_ctm-dn-bd-ad-fl-sw-br))
|
|
1055
|
-
)
|
|
1056
|
-
var(
|
|
1057
|
-
--_ctm-mob-dn-bd-ad-fl-sw-sd,
|
|
1058
|
-
var(--_ctm-dn-dn-qk-as-sw-sd, var(--_ctm-dn-bd-ad-fl-sw-sd))
|
|
1059
|
-
)
|
|
1060
|
-
var(
|
|
1061
|
-
--_ctm-mob-dn-bd-ad-fl-sw-cr,
|
|
1062
|
-
var(--_ctm-dn-dn-qk-as-sw-cr, var(--_ctm-dn-bd-ad-fl-sw-cr))
|
|
1063
|
-
)
|
|
1064
|
-
);
|
|
1102
|
+
border-style: prepareMediaVariable(--_ctm-dn-qk-as-qk-as-cr-br-se);
|
|
1103
|
+
border-width: prepareMediaVariable(--_ctm-dn-qk-as-qk-as-cr-br-wh);
|
|
1104
|
+
border-radius: prepareMediaVariable(--_ctm-dn-qk-as-qk-as-cr-br-rs);
|
|
1065
1105
|
|
|
1066
1106
|
.action-button {
|
|
1067
1107
|
width: fit-content;
|
|
@@ -1149,6 +1189,12 @@ $defaultValues: (
|
|
|
1149
1189
|
--_ctm-mob-dn-qk-as-as-dt-se-pg,
|
|
1150
1190
|
var(--_ctm-tab-dn-qk-as-as-dt-se-pg, var(--_ctm-dn-qk-as-as-dt-se-pg))
|
|
1151
1191
|
);
|
|
1192
|
+
text-transform: prepareMediaVariable(--_ctm-dn-qk-as-as-dt-se-tt-tm);
|
|
1193
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-qk-as-as-dt-se-wd-wr);
|
|
1194
|
+
word-break: prepareMediaVariable(--_ctm-dn-qk-as-as-dt-se-wd-bk);
|
|
1195
|
+
&#{$overflowSelector} {
|
|
1196
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1197
|
+
}
|
|
1152
1198
|
cursor: pointer;
|
|
1153
1199
|
// text-align: start;
|
|
1154
1200
|
|
|
@@ -1240,6 +1286,9 @@ $defaultValues: (
|
|
|
1240
1286
|
--_ctm-mob-dn-qk-as-as-hr-se-pg,
|
|
1241
1287
|
var(--_ctm-tab-dn-qk-as-as-hr-se-pg, var(--_ctm-dn-qk-as-as-hr-se-pg))
|
|
1242
1288
|
);
|
|
1289
|
+
text-transform: prepareMediaVariable(--_ctm-dn-qk-as-as-hr-se-tt-tm);
|
|
1290
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-qk-as-as-hr-se-wd-wr);
|
|
1291
|
+
word-break: prepareMediaVariable(--_ctm-dn-qk-as-as-hr-se-wd-bk);
|
|
1243
1292
|
}
|
|
1244
1293
|
}
|
|
1245
1294
|
}
|
|
@@ -1340,16 +1389,16 @@ $defaultValues: (
|
|
|
1340
1389
|
--_ctm-mob-dn-pt-wt-pt-te-tt-an,
|
|
1341
1390
|
var(--_ctm-tab-dn-pt-wt-pt-te-tt-an, var(--_ctm-dn-pt-wt-pt-te-tt-an))
|
|
1342
1391
|
);
|
|
1392
|
+
text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-te-tt-tm);
|
|
1393
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-te-wd-wr);
|
|
1394
|
+
word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-te-wd-bk);
|
|
1343
1395
|
}
|
|
1344
1396
|
|
|
1345
1397
|
.items-grid {
|
|
1346
1398
|
display: grid;
|
|
1347
1399
|
// grid-template-columns: repeat(3, 1fr);
|
|
1348
1400
|
grid-template-columns: repeat(var(--_column-count-three, 3), 1fr);
|
|
1349
|
-
gap:
|
|
1350
|
-
--_ctm-mob-dn-pt-wt-pt-wt-wr-im-gp,
|
|
1351
|
-
var(--_ctm-tab-dn-pt-wt-pt-wt-wr-im-gp, var(--_ctm-dn-pt-wt-pt-wt-wr-im-gp))
|
|
1352
|
-
);
|
|
1401
|
+
gap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-wt-wr-im-gp, 16px);
|
|
1353
1402
|
background-color: var(
|
|
1354
1403
|
--_ctm-mob-dn-pt-wt-pt-wt-wr-bd-cr,
|
|
1355
1404
|
var(--_ctm-tab-dn-pt-wt-pt-wt-wr-bd-cr, var(--_ctm-dn-pt-wt-pt-wt-wr-bd-cr))
|
|
@@ -1420,6 +1469,15 @@ $defaultValues: (
|
|
|
1420
1469
|
display: flex;
|
|
1421
1470
|
align-items: flex-start;
|
|
1422
1471
|
flex-wrap: wrap;
|
|
1472
|
+
.cart_item_img {
|
|
1473
|
+
background-color: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ie-bd-cr);
|
|
1474
|
+
border-radius: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ie-br-rs);
|
|
1475
|
+
border-color: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ie-br-cr);
|
|
1476
|
+
border-style: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ie-br-se);
|
|
1477
|
+
border-width: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ie-br-wh);
|
|
1478
|
+
padding: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ie-pg);
|
|
1479
|
+
object-fit: cover;
|
|
1480
|
+
}
|
|
1423
1481
|
|
|
1424
1482
|
.cart_item_accordians {
|
|
1425
1483
|
display: flex;
|
|
@@ -1582,20 +1640,12 @@ $defaultValues: (
|
|
|
1582
1640
|
flex: 1;
|
|
1583
1641
|
|
|
1584
1642
|
.item-name {
|
|
1585
|
-
display: -webkit-box;
|
|
1586
|
-
-webkit-line-clamp: 1;
|
|
1587
|
-
-webkit-box-orient: vertical;
|
|
1588
|
-
overflow: hidden;
|
|
1589
|
-
text-overflow: ellipsis;
|
|
1590
1643
|
// margin: 0 0 4px;
|
|
1591
1644
|
// font-size: 14px;
|
|
1592
1645
|
// font-weight: 600;
|
|
1593
1646
|
// color: var(--_gray-900);
|
|
1594
1647
|
// line-height: 20px;
|
|
1595
|
-
|
|
1596
|
-
// --_ctm-mob-dn-pt-wt-pt-ne-pg,
|
|
1597
|
-
// var(--_ctm-tab-dn-pt-wt-pt-ne-im-pg, var(--_ctm-dn-pt-wt-pt-ne-pg))
|
|
1598
|
-
// );
|
|
1648
|
+
padding: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ne-pg, 0);
|
|
1599
1649
|
font-family: var(
|
|
1600
1650
|
--_ctm-mob-dn-pt-wt-pt-ne-ft-fy,
|
|
1601
1651
|
var(--_ctm-tab-dn-pt-wt-pt-ne-ft-fy, var(--_ctm-dn-pt-wt-pt-ne-ft-fy))
|
|
@@ -1632,6 +1682,12 @@ $defaultValues: (
|
|
|
1632
1682
|
--_ctm-mob-dn-pt-wt-pt-ne-tt-an,
|
|
1633
1683
|
var(--_ctm-tab-dn-pt-wt-pt-ne-tt-an, var(--_ctm-dn-pt-wt-pt-ne-tt-an))
|
|
1634
1684
|
);
|
|
1685
|
+
text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ne-tt-tm);
|
|
1686
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ne-wd-wr);
|
|
1687
|
+
word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ne-wd-bk);
|
|
1688
|
+
&#{$overflowSelector} {
|
|
1689
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1690
|
+
}
|
|
1635
1691
|
}
|
|
1636
1692
|
|
|
1637
1693
|
.item-specs,
|
|
@@ -1678,6 +1734,12 @@ $defaultValues: (
|
|
|
1678
1734
|
--_ctm-mob-dn-pt-wt-pt-ce-tt-an,
|
|
1679
1735
|
var(--_ctm-tab-dn-pt-wt-pt-ce-tt-an, var(--_ctm-dn-pt-wt-pt-ce-tt-an))
|
|
1680
1736
|
);
|
|
1737
|
+
text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ce-tt-tm);
|
|
1738
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ce-wd-wr);
|
|
1739
|
+
word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ce-wd-bk);
|
|
1740
|
+
&#{$overflowSelector} {
|
|
1741
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1742
|
+
}
|
|
1681
1743
|
}
|
|
1682
1744
|
.item-qty {
|
|
1683
1745
|
padding: var(
|
|
@@ -1721,6 +1783,12 @@ $defaultValues: (
|
|
|
1721
1783
|
--_ctm-mob-dn-pt-wt-pt-qy-tt-an,
|
|
1722
1784
|
var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an, var(--_ctm-dn-pt-wt-pt-qy-tt-an))
|
|
1723
1785
|
);
|
|
1786
|
+
text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-tt-tm);
|
|
1787
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-wd-wr);
|
|
1788
|
+
word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-wd-bk);
|
|
1789
|
+
&#{$overflowSelector} {
|
|
1790
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1791
|
+
}
|
|
1724
1792
|
span {
|
|
1725
1793
|
font-family: var(
|
|
1726
1794
|
--_ctm-mob-dn-pt-wt-pt-qy-ft-fy-dc,
|
|
@@ -1758,6 +1826,12 @@ $defaultValues: (
|
|
|
1758
1826
|
--_ctm-mob-dn-pt-wt-pt-qy-tt-an-dc,
|
|
1759
1827
|
var(--_ctm-tab-dn-pt-wt-pt-qy-tt-an-dc, var(--_ctm-dn-pt-wt-pt-qy-tt-an-dc))
|
|
1760
1828
|
);
|
|
1829
|
+
text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-tt-tm-dc);
|
|
1830
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-wd-wr-dc);
|
|
1831
|
+
word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-qy-wd-bk-dc);
|
|
1832
|
+
&#{$overflowSelector} {
|
|
1833
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1834
|
+
}
|
|
1761
1835
|
}
|
|
1762
1836
|
}
|
|
1763
1837
|
.estimated-delivery {
|
|
@@ -1806,6 +1880,12 @@ $defaultValues: (
|
|
|
1806
1880
|
--_ctm-mob-dn-pt-wt-pt-ed-de-tt-an,
|
|
1807
1881
|
var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an))
|
|
1808
1882
|
);
|
|
1883
|
+
text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-tt-tm);
|
|
1884
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-wd-wr);
|
|
1885
|
+
word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-wd-bk);
|
|
1886
|
+
&#{$overflowSelector} {
|
|
1887
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1888
|
+
}
|
|
1809
1889
|
}
|
|
1810
1890
|
|
|
1811
1891
|
.delivery-date {
|
|
@@ -1854,6 +1934,12 @@ $defaultValues: (
|
|
|
1854
1934
|
--_ctm-mob-dn-pt-wt-pt-ed-de-tt-an-dc,
|
|
1855
1935
|
var(--_ctm-tab-dn-pt-wt-pt-ed-de-tt-an-dc, var(--_ctm-dn-pt-wt-pt-ed-de-tt-an-dc))
|
|
1856
1936
|
);
|
|
1937
|
+
text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-tt-tm-dc);
|
|
1938
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-wd-wr-dc);
|
|
1939
|
+
word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-ed-de-wd-bk-dc);
|
|
1940
|
+
&#{$overflowSelector} {
|
|
1941
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1942
|
+
}
|
|
1857
1943
|
}
|
|
1858
1944
|
}
|
|
1859
1945
|
|
|
@@ -1897,6 +1983,12 @@ $defaultValues: (
|
|
|
1897
1983
|
--_ctm-mob-dn-pt-wt-pt-pe-tt-an,
|
|
1898
1984
|
var(--_ctm-tab-dn-pt-wt-pt-pe-tt-an, var(--_ctm-dn-pt-wt-pt-pe-tt-an))
|
|
1899
1985
|
);
|
|
1986
|
+
text-transform: prepareMediaVariable(--_ctm-dn-pt-wt-pt-pe-tt-tm);
|
|
1987
|
+
word-wrap: prepareMediaVariable(--_ctm-dn-pt-wt-pt-pe-wd-wr);
|
|
1988
|
+
word-break: prepareMediaVariable(--_ctm-dn-pt-wt-pt-pe-wd-bk);
|
|
1989
|
+
&#{$overflowSelector} {
|
|
1990
|
+
@include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
|
|
1991
|
+
}
|
|
1900
1992
|
// margin-left: 12px;
|
|
1901
1993
|
}
|
|
1902
1994
|
}
|