@sc-360-v2/storefront-cms-library 0.3.79 → 0.3.80
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/checkout.scss +10 -9
- package/dist/coupon.scss +71 -50
- package/dist/widget.scss +1 -0
- package/package.json +1 -1
package/dist/checkout.scss
CHANGED
|
@@ -338,13 +338,14 @@ $dark-color: #343a40;
|
|
|
338
338
|
.edit-btn {
|
|
339
339
|
// cursor: pointer;
|
|
340
340
|
// color: var(--_primary-400);
|
|
341
|
-
background-color: var(
|
|
342
|
-
|
|
343
|
-
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
);
|
|
341
|
+
// background-color: var(
|
|
342
|
+
// --_ctm-mob-dn-an-tb-bs-ty-py-dt-se-bd-cr,
|
|
343
|
+
// var(
|
|
344
|
+
// --_ctm-tab-dn-an-tb-bs-ty-py-dt-se-bd-cr,
|
|
345
|
+
// var(--_ctm-dn-an-tb-bs-ty-py-dt-se-bd-cr)
|
|
346
|
+
// )
|
|
347
|
+
// );
|
|
348
|
+
background-color: transparent;
|
|
348
349
|
border-color: var(
|
|
349
350
|
--_ctm-mob-dn-an-tb-bs-ty-py-dt-se-br-cr,
|
|
350
351
|
var(
|
|
@@ -1542,6 +1543,7 @@ $dark-color: #343a40;
|
|
|
1542
1543
|
--_ctm-mob-dn-an-tb-sg-md-sg-md-cr-pg,
|
|
1543
1544
|
var(--_ctm-tab-dn-an-tb-sg-md-sg-md-cr-pg, var(--_ctm-dn-an-tb-sg-md-sg-md-cr-pg))
|
|
1544
1545
|
);
|
|
1546
|
+
gap: 12px;
|
|
1545
1547
|
// gap: var(
|
|
1546
1548
|
// --_ctm-mob-dn-an-tb-sg-md-sg-md-cr-im-gp,
|
|
1547
1549
|
// var(
|
|
@@ -1549,7 +1551,6 @@ $dark-color: #343a40;
|
|
|
1549
1551
|
// var(--_ctm-dn-an-tb-sg-md-sg-md-cr-im-gp)
|
|
1550
1552
|
// )
|
|
1551
1553
|
// );
|
|
1552
|
-
gap: 12px;
|
|
1553
1554
|
|
|
1554
1555
|
.chk_shipping_method_heading {
|
|
1555
1556
|
// color: var(--_gray-700);
|
|
@@ -6576,8 +6577,8 @@ $dark-color: #343a40;
|
|
|
6576
6577
|
line-height: auto;
|
|
6577
6578
|
|
|
6578
6579
|
&:hover {
|
|
6579
|
-
color: var(--_thm-cs-tt-ls-as);
|
|
6580
6580
|
// color: var(--_primary-500);
|
|
6581
|
+
color: var(--_thm-cs-tt-ls-as);
|
|
6581
6582
|
text-decoration: underline;
|
|
6582
6583
|
}
|
|
6583
6584
|
}
|
package/dist/coupon.scss
CHANGED
|
@@ -1,62 +1,83 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
@use "sass:list";
|
|
3
|
-
@use "./functions.scss" as *;
|
|
4
3
|
|
|
5
|
-
$
|
|
4
|
+
$resizerId: "[data-cms-tool='cms-element-resizer']";
|
|
5
|
+
$resizeActive: '[data-cms-element-resizer="true"]';
|
|
6
|
+
|
|
6
7
|
[data-div-type="element"] {
|
|
7
8
|
&[data-element-type="coupon"] {
|
|
8
|
-
width:
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
width: var(
|
|
10
|
+
--_sf-el-wh-st-mx,
|
|
11
|
+
calc(
|
|
12
|
+
1% *
|
|
13
|
+
var(
|
|
14
|
+
--_mob-ctm-ele-nw-wh-vl,
|
|
15
|
+
var(--_tab-ctm-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh)))
|
|
16
|
+
)
|
|
17
|
+
)
|
|
11
18
|
);
|
|
12
|
-
margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn
|
|
19
|
+
margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
|
|
13
20
|
& > div {
|
|
14
21
|
&.wrapper {
|
|
15
22
|
width: 100%;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
.coupon_code {
|
|
26
|
+
background: var(--_base-white);
|
|
27
|
+
border: 1px solid var(--_gray-300);
|
|
28
|
+
border-radius: 4px;
|
|
29
|
+
width: 100%;
|
|
30
|
+
// max-width: 400px;
|
|
31
|
+
overflow: hidden;
|
|
32
|
+
height: auto;
|
|
33
|
+
position: sticky;
|
|
34
|
+
top: 10px;
|
|
35
|
+
// margin-bottom: 24px;
|
|
36
|
+
& > h3 {
|
|
37
|
+
font-size: 16px;
|
|
38
|
+
font-weight: 700;
|
|
39
|
+
color: var(--_gray-900);
|
|
40
|
+
background-color: #f5f5f5;
|
|
41
|
+
padding: 12px;
|
|
42
|
+
border-bottom: 1px solid var(--_gray-300);
|
|
43
|
+
}
|
|
44
|
+
.coupon_code_body {
|
|
45
|
+
padding: 0px 16px 16px 16px;
|
|
46
|
+
.apply_coupon_code_body {
|
|
47
|
+
padding-top: 16px;
|
|
48
|
+
display: flex;
|
|
49
|
+
align-items: flex-start;
|
|
50
|
+
justify-content: space-between;
|
|
51
|
+
gap: 12px;
|
|
52
|
+
.apply_coupon_code_flex {
|
|
53
|
+
display: flex;
|
|
54
|
+
.apply_coupon_code {
|
|
55
|
+
display: flex;
|
|
56
|
+
flex-direction: column;
|
|
57
|
+
justify-content: center;
|
|
58
|
+
gap: 4px;
|
|
59
|
+
.cpn_sale_text {
|
|
60
|
+
font-size: 16px;
|
|
61
|
+
font-weight: 600;
|
|
62
|
+
color: var(--_gray-900);
|
|
63
|
+
line-height: 20px;
|
|
64
|
+
}
|
|
65
|
+
.cpn_sale_desc {
|
|
66
|
+
font-size: 14px;
|
|
67
|
+
font-weight: 400;
|
|
68
|
+
color: var(--_gray-500);
|
|
69
|
+
line-height: 20px;
|
|
70
|
+
.login_link {
|
|
71
|
+
color: var(--_primary-400);
|
|
72
|
+
font-weight: 700;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
.apply_coupon_code_btn {
|
|
78
|
+
padding: 12px;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
60
81
|
}
|
|
61
82
|
}
|
|
62
83
|
}
|
package/dist/widget.scss
CHANGED