@sc-360-v2/storefront-cms-library 0.3.31 → 0.3.33
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/bulk-order-pad.scss +6 -2
- package/dist/bulk-variant-picker.scss +1 -1
- package/dist/button copy.scss +2 -2
- package/dist/button.scss +3 -2
- package/dist/cart-details.scss +14 -3
- package/dist/cart-summary.scss +73 -102
- package/dist/cartAttributes.scss +72 -19
- package/dist/cartDropdownOverlay.scss +9 -11
- package/dist/contact-us.scss +0 -3
- package/dist/custom-fonts.scss +5 -5
- package/dist/customization-tree.scss +29 -11
- package/dist/dropdownTemplate.scss +0 -1
- package/dist/employee-bulk-order.scss +5 -36
- package/dist/filter-results.scss +3 -3
- package/dist/filters.scss +13 -14
- package/dist/loader.scss +37 -0
- package/dist/menu-v2.scss +13 -7
- package/dist/modal.scss +67 -61
- package/dist/order-status.scss +98 -64
- package/dist/prefix-list.scss +17 -0
- package/dist/product-actions.scss +9 -9
- package/dist/product-image.scss +9 -5
- package/dist/product-sizechart.scss +1 -1
- package/dist/profile.scss +30 -10
- package/dist/quantity-selector.scss +2 -2
- package/dist/responsive-behaviour.scss +3 -1
- package/dist/submit-quote.scss +25 -30
- package/dist/table.scss +1 -1
- package/dist/widget.scss +1 -1
- package/package.json +1 -1
|
@@ -1,19 +1,26 @@
|
|
|
1
|
+
$Gray-900: #101828;
|
|
2
|
+
$border-color: #a5a5a5;
|
|
3
|
+
$Gray-600: #475467;
|
|
4
|
+
$link-color: #243dc6;
|
|
5
|
+
|
|
1
6
|
.customTreeWrapper {
|
|
2
7
|
padding: 20px;
|
|
3
8
|
font-family: sans-serif;
|
|
4
9
|
|
|
5
10
|
h3 {
|
|
11
|
+
color: $Gray-900;
|
|
6
12
|
font-size: 18px;
|
|
7
|
-
font-weight:
|
|
8
|
-
|
|
13
|
+
font-weight: 700;
|
|
14
|
+
line-height: 28px;
|
|
15
|
+
margin-bottom: 12px;
|
|
9
16
|
}
|
|
10
17
|
|
|
11
18
|
.treeNode,
|
|
12
19
|
.treeItem {
|
|
13
20
|
position: relative;
|
|
14
21
|
padding-left: 16px;
|
|
15
|
-
border-left: 1px dotted
|
|
16
|
-
margin:
|
|
22
|
+
border-left: 1px dotted $border-color;
|
|
23
|
+
margin: 24px 0;
|
|
17
24
|
}
|
|
18
25
|
|
|
19
26
|
.dotLine {
|
|
@@ -42,12 +49,19 @@
|
|
|
42
49
|
|
|
43
50
|
.itemDetails {
|
|
44
51
|
margin: 15px 0;
|
|
52
|
+
p {
|
|
53
|
+
color: $Gray-600;
|
|
54
|
+
font-size: 12px;
|
|
55
|
+
font-weight: 500;
|
|
56
|
+
line-height: 18px;
|
|
57
|
+
}
|
|
45
58
|
}
|
|
46
59
|
|
|
47
60
|
.category {
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
61
|
+
color: $Gray-900;
|
|
62
|
+
font-size: 12px;
|
|
63
|
+
font-weight: 700;
|
|
64
|
+
line-height: 18px;
|
|
51
65
|
}
|
|
52
66
|
|
|
53
67
|
.type {
|
|
@@ -64,11 +78,15 @@
|
|
|
64
78
|
}
|
|
65
79
|
.itemValue {
|
|
66
80
|
display: flex;
|
|
81
|
+
color: $Gray-900;
|
|
82
|
+
font-size: 14px;
|
|
83
|
+
font-weight: 500;
|
|
84
|
+
line-height: 20px;
|
|
67
85
|
.link {
|
|
68
|
-
color:
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
86
|
+
color: $link-color;
|
|
87
|
+
font-size: 14px;
|
|
88
|
+
font-weight: 400;
|
|
89
|
+
line-height: 20px;
|
|
72
90
|
white-space: nowrap;
|
|
73
91
|
|
|
74
92
|
&:hover {
|
|
@@ -2,6 +2,11 @@
|
|
|
2
2
|
display: flex;
|
|
3
3
|
justify-self: end;
|
|
4
4
|
gap: 10px;
|
|
5
|
+
.single_payment_action {
|
|
6
|
+
display: flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
gap: 6px;
|
|
9
|
+
}
|
|
5
10
|
.svg_icon {
|
|
6
11
|
display: flex;
|
|
7
12
|
align-items: center;
|
|
@@ -447,14 +452,6 @@
|
|
|
447
452
|
right: -8px;
|
|
448
453
|
}
|
|
449
454
|
}
|
|
450
|
-
.single_checkout_sec {
|
|
451
|
-
gap: 12px;
|
|
452
|
-
.single_addres_sec,
|
|
453
|
-
.single_payment_sec {
|
|
454
|
-
color: #243dc6;
|
|
455
|
-
cursor: pointer;
|
|
456
|
-
}
|
|
457
|
-
}
|
|
458
455
|
.action_item {
|
|
459
456
|
cursor: pointer;
|
|
460
457
|
}
|
|
@@ -548,31 +545,3 @@
|
|
|
548
545
|
font-size: 14px;
|
|
549
546
|
}
|
|
550
547
|
}
|
|
551
|
-
.overlay_body {
|
|
552
|
-
position: absolute;
|
|
553
|
-
top: 100%;
|
|
554
|
-
width: 168px;
|
|
555
|
-
background: #fff;
|
|
556
|
-
padding: 12px;
|
|
557
|
-
/* border: 1px solid gray; */
|
|
558
|
-
border-radius: 4px;
|
|
559
|
-
box-shadow: 0 0 24px 0 #00000010;
|
|
560
|
-
display: grid;
|
|
561
|
-
gap: 8px;
|
|
562
|
-
width: 227px;
|
|
563
|
-
right: 0px;
|
|
564
|
-
.overlay_body_opt {
|
|
565
|
-
display: flex;
|
|
566
|
-
gap: 12px;
|
|
567
|
-
height: 50px;
|
|
568
|
-
width: 100%;
|
|
569
|
-
align-items: center;
|
|
570
|
-
justify-content: space-between;
|
|
571
|
-
padding: 8px;
|
|
572
|
-
.overlay_body_opt_tittle {
|
|
573
|
-
display: flex;
|
|
574
|
-
align-items: center;
|
|
575
|
-
gap: 3px;
|
|
576
|
-
}
|
|
577
|
-
}
|
|
578
|
-
}
|
package/dist/filter-results.scss
CHANGED
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
)
|
|
182
182
|
);
|
|
183
183
|
border-width: var(
|
|
184
|
-
--_sf-hr-br-
|
|
184
|
+
--_sf-hr-br-wh,
|
|
185
185
|
var(
|
|
186
186
|
--_ctm-mob-dn-dt-se-br-wh,
|
|
187
187
|
var(--_ctm-tab-dn-dt-se-br-wh, var(--_ctm-dn-dt-se-br-wh))
|
|
@@ -204,7 +204,7 @@
|
|
|
204
204
|
--_ctm-mob-dn-hr-se-br-se,
|
|
205
205
|
var(--_ctm-tab-dn-hr-se-br-se, var(--_ctm-dn-hr-se-br-se))
|
|
206
206
|
);
|
|
207
|
-
--_sf-hr-br-
|
|
207
|
+
--_sf-hr-br-wh: var(
|
|
208
208
|
--_ctm-mob-dn-hr-se-br-wh,
|
|
209
209
|
var(--_ctm-tab-dn-hr-se-br-wh, var(--_ctm-dn-hr-se-br-wh))
|
|
210
210
|
);
|
|
@@ -305,7 +305,7 @@
|
|
|
305
305
|
)
|
|
306
306
|
);
|
|
307
307
|
border-width: var(
|
|
308
|
-
--_sf-hr-br-
|
|
308
|
+
--_sf-hr-br-wh,
|
|
309
309
|
var(
|
|
310
310
|
--_ctm-mob-dn-dt-se-br-wh,
|
|
311
311
|
var(--_ctm-tab-dn-dt-se-br-wh, var(--_ctm-dn-dt-se-br-wh))
|
package/dist/filters.scss
CHANGED
|
@@ -87,7 +87,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
87
87
|
--_ctm-mob-dn-fs-wt-br-rs,
|
|
88
88
|
var(--_ctm-tab-dn-fs-wt-br-rs, var(--_ctm-dn-fs-wt-br-rs))
|
|
89
89
|
);
|
|
90
|
-
padding: var(--_ctm-mob-dn-fs-wt-pg, var(--_ctm-tab-dn-fs-wt-pg, var(--_ctm-dn-fs-wt-pg)));
|
|
91
90
|
@mixin flex($justifyItems: flex-start, $alignItems: flex-start) {
|
|
92
91
|
display: var(--_d-flex);
|
|
93
92
|
justify-content: $justifyItems;
|
|
@@ -448,7 +447,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
448
447
|
)
|
|
449
448
|
);
|
|
450
449
|
border-width: var(
|
|
451
|
-
--_sf-hr-br-
|
|
450
|
+
--_sf-hr-br-wh,
|
|
452
451
|
var(
|
|
453
452
|
--_ctm-mob-dn-sd-im-dt-se-br-wh,
|
|
454
453
|
var(--_ctm-tab-dn-sd-im-dt-se-br-wh, var(--_ctm-dn-sd-im-dt-se-br-wh))
|
|
@@ -471,7 +470,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
471
470
|
--_ctm-mob-dn-sd-im-hr-se-br-se,
|
|
472
471
|
var(--_ctm-tab-dn-sd-im-hr-se-br-se, var(--_ctm-dn-sd-im-hr-se-br-se))
|
|
473
472
|
);
|
|
474
|
-
--_sf-hr-br-
|
|
473
|
+
--_sf-hr-br-wh: var(
|
|
475
474
|
--_ctm-mob-dn-sd-im-hr-se-br-wh,
|
|
476
475
|
var(--_ctm-tab-dn-sd-im-hr-se-br-wh, var(--_ctm-dn-sd-im-hr-se-br-wh))
|
|
477
476
|
);
|
|
@@ -572,7 +571,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
572
571
|
)
|
|
573
572
|
);
|
|
574
573
|
border-width: var(
|
|
575
|
-
--_sf-hr-br-
|
|
574
|
+
--_sf-hr-br-wh,
|
|
576
575
|
var(
|
|
577
576
|
--_ctm-mob-dn-sd-im-dt-se-br-wh,
|
|
578
577
|
var(--_ctm-tab-dn-sd-im-dt-se-br-wh, var(--_ctm-dn-sd-im-dt-se-br-wh))
|
|
@@ -825,7 +824,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
825
824
|
)
|
|
826
825
|
);
|
|
827
826
|
border-width: var(
|
|
828
|
-
--_sf-hr-br-
|
|
827
|
+
--_sf-hr-br-wh,
|
|
829
828
|
var(
|
|
830
829
|
--_ctm-mob-dn-me-bn-dt-se-br-wh,
|
|
831
830
|
var(--_ctm-tab-dn-me-bn-dt-se-br-wh, var(--_ctm-dn-me-bn-dt-se-br-wh))
|
|
@@ -1152,7 +1151,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1152
1151
|
--_ctm-mob-dn-sd-im-hr-se-br-se,
|
|
1153
1152
|
var(--_ctm-tab-dn-sd-im-hr-se-br-se, var(--_ctm-dn-sd-im-hr-se-br-se))
|
|
1154
1153
|
);
|
|
1155
|
-
--_sf-hr-br-
|
|
1154
|
+
--_sf-hr-br-wh: var(
|
|
1156
1155
|
--_ctm-mob-dn-sd-im-hr-se-br-wh,
|
|
1157
1156
|
var(--_ctm-tab-dn-sd-im-hr-se-br-wh, var(--_ctm-dn-sd-im-hr-se-br-wh))
|
|
1158
1157
|
);
|
|
@@ -1389,7 +1388,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1389
1388
|
)
|
|
1390
1389
|
);
|
|
1391
1390
|
border-width: var(
|
|
1392
|
-
--_sf-hr-br-
|
|
1391
|
+
--_sf-hr-br-wh,
|
|
1393
1392
|
var(
|
|
1394
1393
|
--_ctm-mob-dn-cx-ud-se-dt-se-br-wh,
|
|
1395
1394
|
var(--_ctm-tab-dn-cx-ud-se-dt-se-br-wh, var(--_ctm-dn-cx-ud-se-dt-se-br-wh))
|
|
@@ -1413,7 +1412,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1413
1412
|
)
|
|
1414
1413
|
);
|
|
1415
1414
|
border-width: var(
|
|
1416
|
-
--_sf-hr-br-
|
|
1415
|
+
--_sf-hr-br-wh,
|
|
1417
1416
|
var(
|
|
1418
1417
|
--_ctm-mob-dn-cx-ud-se-hr-se-br-wh,
|
|
1419
1418
|
var(--_ctm-tab-dn-cx-ud-se-hr-se-br-wh, var(--_ctm-dn-cx-ud-se-hr-se-br-wh))
|
|
@@ -1522,7 +1521,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1522
1521
|
)
|
|
1523
1522
|
);
|
|
1524
1523
|
border-width: var(
|
|
1525
|
-
--_sf-hr-br-
|
|
1524
|
+
--_sf-hr-br-wh,
|
|
1526
1525
|
var(
|
|
1527
1526
|
--_ctm-mob-dn-cx-cd-se-dt-se-br-wh,
|
|
1528
1527
|
var(--_ctm-tab-dn-cx-cd-se-dt-se-br-wh, var(--_ctm-dn-cx-cd-se-dt-se-br-wh))
|
|
@@ -1577,7 +1576,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1577
1576
|
)
|
|
1578
1577
|
);
|
|
1579
1578
|
border-width: var(
|
|
1580
|
-
--_sf-hr-br-
|
|
1579
|
+
--_sf-hr-br-wh,
|
|
1581
1580
|
var(
|
|
1582
1581
|
--_ctm-mob-dn-cx-cd-se-hr-se-br-wh,
|
|
1583
1582
|
var(--_ctm-tab-dn-cx-cd-se-hr-se-br-wh, var(--_ctm-dn-cx-cd-se-hr-se-br-wh))
|
|
@@ -1741,7 +1740,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1741
1740
|
)
|
|
1742
1741
|
);
|
|
1743
1742
|
border-width: var(
|
|
1744
|
-
--_sf-hr-br-
|
|
1743
|
+
--_sf-hr-br-wh,
|
|
1745
1744
|
var(
|
|
1746
1745
|
--_ctm-mob-dn-cx-ud-se-dt-se-br-wh,
|
|
1747
1746
|
var(--_ctm-tab-dn-cx-ud-se-dt-se-br-wh, var(--_ctm-dn-cx-ud-se-dt-se-br-wh))
|
|
@@ -1765,7 +1764,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1765
1764
|
)
|
|
1766
1765
|
);
|
|
1767
1766
|
border-width: var(
|
|
1768
|
-
--_sf-hr-br-
|
|
1767
|
+
--_sf-hr-br-wh,
|
|
1769
1768
|
var(
|
|
1770
1769
|
--_ctm-mob-dn-cx-ud-se-hr-se-br-wh,
|
|
1771
1770
|
var(--_ctm-tab-dn-cx-ud-se-hr-se-br-wh, var(--_ctm-dn-cx-ud-se-hr-se-br-wh))
|
|
@@ -1868,7 +1867,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1868
1867
|
)
|
|
1869
1868
|
);
|
|
1870
1869
|
border-width: var(
|
|
1871
|
-
--_sf-hr-br-
|
|
1870
|
+
--_sf-hr-br-wh,
|
|
1872
1871
|
var(
|
|
1873
1872
|
--_ctm-mob-dn-cx-cd-se-dt-se-br-wh,
|
|
1874
1873
|
var(--_ctm-tab-dn-cx-cd-se-dt-se-br-wh, var(--_ctm-dn-cx-cd-se-dt-se-br-wh))
|
|
@@ -1915,7 +1914,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1915
1914
|
)
|
|
1916
1915
|
);
|
|
1917
1916
|
border-width: var(
|
|
1918
|
-
--_sf-hr-br-
|
|
1917
|
+
--_sf-hr-br-wh,
|
|
1919
1918
|
var(
|
|
1920
1919
|
--_ctm-mob-dn-cx-cd-se-hr-se-br-wh,
|
|
1921
1920
|
var(--_ctm-tab-dn-cx-cd-se-hr-se-br-wh, var(--_ctm-dn-cx-cd-se-hr-se-br-wh))
|
package/dist/loader.scss
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
@use "sass:map";
|
|
2
|
+
@use "sass:list";
|
|
3
|
+
|
|
4
|
+
[data-div-type="element"] {
|
|
5
|
+
&[data-element-type="loader"] {
|
|
6
|
+
width: var(
|
|
7
|
+
--_ctm-mob-ele-nw-wh-st-mx,
|
|
8
|
+
var(
|
|
9
|
+
--_ctm-tab-ele-nw-wh-st-mx,
|
|
10
|
+
var(--_sf-el-wh-st-mx, calc(1% * var(--_ctm-ele-nw-wh-vl, var(--_sf-nw-wh))))
|
|
11
|
+
)
|
|
12
|
+
);
|
|
13
|
+
|
|
14
|
+
margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
|
|
15
|
+
|
|
16
|
+
height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht))) !important;
|
|
17
|
+
|
|
18
|
+
// aspect-ratio: var(
|
|
19
|
+
// --_ctm-mob-aspect-ratio,
|
|
20
|
+
// var(--_ctm-tab-aspect-ratio, var(--_sf-aspect-ratio))
|
|
21
|
+
// );
|
|
22
|
+
|
|
23
|
+
position: relative;
|
|
24
|
+
|
|
25
|
+
& > .wrapper {
|
|
26
|
+
display: flex;
|
|
27
|
+
align-items: center;
|
|
28
|
+
justify-content: center;
|
|
29
|
+
width: 100%;
|
|
30
|
+
height: 100%;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
&[data-show-shadow="false"] {
|
|
34
|
+
--_show-shadow: none;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
}
|
package/dist/menu-v2.scss
CHANGED
|
@@ -26,7 +26,7 @@ $defaultValues: (
|
|
|
26
26
|
position: absolute;
|
|
27
27
|
left: 0;
|
|
28
28
|
width: 100%;
|
|
29
|
-
top: 100
|
|
29
|
+
top: calc(100% + var(--_ctm-dn-hr-os-cr-ot-y, 0px));
|
|
30
30
|
z-index: 2;
|
|
31
31
|
visibility: hidden;
|
|
32
32
|
opacity: 0;
|
|
@@ -37,8 +37,12 @@ $defaultValues: (
|
|
|
37
37
|
gap: prepareMediaVariable(--_ctm-lt-im-gp);
|
|
38
38
|
|
|
39
39
|
&:is([data-hamburger-active="true"] > *) {
|
|
40
|
-
animation: animThree var(--_transition-duration) var(--_transition-timing-function) 1
|
|
41
|
-
|
|
40
|
+
// animation: animThree var(--_transition-duration) var(--_transition-timing-function) 1
|
|
41
|
+
// forwards alternate;
|
|
42
|
+
visibility: visible;
|
|
43
|
+
opacity: 1;
|
|
44
|
+
max-height: var(--_min-submenu-height, 650px);
|
|
45
|
+
overflow-y: auto;
|
|
42
46
|
}
|
|
43
47
|
|
|
44
48
|
& > #{$menuItem} {
|
|
@@ -329,10 +333,12 @@ $defaultValues: (
|
|
|
329
333
|
width: 100%;
|
|
330
334
|
}
|
|
331
335
|
|
|
332
|
-
max-height: 0px;
|
|
333
|
-
overflow: clip;
|
|
334
|
-
|
|
335
|
-
|
|
336
|
+
// max-height: 0px;
|
|
337
|
+
// overflow: clip;
|
|
338
|
+
max-height: 500px;
|
|
339
|
+
overflow-y: auto;
|
|
340
|
+
// animation: animTwo var(--_transition-duration)
|
|
341
|
+
// var(--_transition-timing-function) 1 forwards alternate;
|
|
336
342
|
|
|
337
343
|
@keyframes animTwo {
|
|
338
344
|
100% {
|
package/dist/modal.scss
CHANGED
|
@@ -11,12 +11,10 @@ $header_font_weight: 600;
|
|
|
11
11
|
$close_btn_font_size: 24px;
|
|
12
12
|
$close_btn_size: 35px;
|
|
13
13
|
$footer_btn_background_color: #ffffff;
|
|
14
|
-
$component_bg_color: #ffffff;
|
|
15
14
|
$footer_btn_padding: 10px 15px;
|
|
16
15
|
$footer_btn_font_size: 14px;
|
|
17
16
|
$primary_100: var(--Primary-100, #ced4f6);
|
|
18
17
|
$primary_500: var(--Primary-500, #162578);
|
|
19
|
-
$gray_500: var(--Gray-500, #667085);
|
|
20
18
|
$gray_900: var(--Gray-900, #101828);
|
|
21
19
|
$gap_between_elements: 24px;
|
|
22
20
|
$padding_horizontal: 24px;
|
|
@@ -62,7 +60,7 @@ $active_btn_text_color: #fff;
|
|
|
62
60
|
border-radius: $border_radius;
|
|
63
61
|
display: flex;
|
|
64
62
|
flex-direction: column;
|
|
65
|
-
|
|
63
|
+
gap: $gap_between_elements;
|
|
66
64
|
z-index: calc(var(--_higher-zIndex) + var(--_cs-et-zIndex) + 10);
|
|
67
65
|
cursor: auto;
|
|
68
66
|
|
|
@@ -85,7 +83,6 @@ $active_btn_text_color: #fff;
|
|
|
85
83
|
display: flex;
|
|
86
84
|
align-items: center;
|
|
87
85
|
justify-content: space-between;
|
|
88
|
-
padding-bottom: 6px;
|
|
89
86
|
|
|
90
87
|
h2 {
|
|
91
88
|
font-size: $header_font_size;
|
|
@@ -121,7 +118,6 @@ $active_btn_text_color: #fff;
|
|
|
121
118
|
.modal-body {
|
|
122
119
|
font-size: 14px;
|
|
123
120
|
color: $gray_900;
|
|
124
|
-
padding-bottom: 30px;
|
|
125
121
|
}
|
|
126
122
|
|
|
127
123
|
.modal-footer {
|
|
@@ -138,14 +134,14 @@ $active_btn_text_color: #fff;
|
|
|
138
134
|
.modal-footer-white-btn {
|
|
139
135
|
padding: 12px 24px;
|
|
140
136
|
border-radius: 4px;
|
|
141
|
-
background-color:
|
|
137
|
+
background-color: #fff;
|
|
142
138
|
color: #243dc6;
|
|
143
|
-
font-weight:
|
|
139
|
+
font-weight: 600;
|
|
144
140
|
width: 100%;
|
|
145
|
-
border: 1px solid
|
|
141
|
+
border: 1px solid #fff;
|
|
146
142
|
display: flex;
|
|
147
143
|
justify-content: center;
|
|
148
|
-
|
|
144
|
+
|
|
149
145
|
&:hover {
|
|
150
146
|
border: 1px solid #243dc6;
|
|
151
147
|
}
|
|
@@ -155,7 +151,7 @@ $active_btn_text_color: #fff;
|
|
|
155
151
|
padding: 12px 24px;
|
|
156
152
|
border-radius: 4px;
|
|
157
153
|
background-color: #d92d20;
|
|
158
|
-
color:
|
|
154
|
+
color: #fff;
|
|
159
155
|
font-weight: 600;
|
|
160
156
|
width: 100%;
|
|
161
157
|
display: flex;
|
|
@@ -252,10 +248,33 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
252
248
|
.wishlist-modal {
|
|
253
249
|
display: flex;
|
|
254
250
|
flex-direction: column;
|
|
255
|
-
|
|
256
|
-
padding: 10px 16px;
|
|
251
|
+
padding: 0px;
|
|
257
252
|
width: 100%;
|
|
258
|
-
|
|
253
|
+
.wishlist-modal-section {
|
|
254
|
+
gap: 16px !important;
|
|
255
|
+
overflow: scroll;
|
|
256
|
+
padding: 12px !important;
|
|
257
|
+
overflow-x: hidden;
|
|
258
|
+
display: flex;
|
|
259
|
+
flex-direction: column;
|
|
260
|
+
}
|
|
261
|
+
.action-buttons {
|
|
262
|
+
display: flex;
|
|
263
|
+
gap: 1rem;
|
|
264
|
+
align-items: flex-end;
|
|
265
|
+
justify-content: flex-end;
|
|
266
|
+
flex: 1 1 auto;
|
|
267
|
+
padding: 10px 16px;
|
|
268
|
+
gap: 0px;
|
|
269
|
+
.create-btn {
|
|
270
|
+
display: flex;
|
|
271
|
+
height: 44px;
|
|
272
|
+
padding: 8px 14px;
|
|
273
|
+
justify-content: center;
|
|
274
|
+
align-items: center;
|
|
275
|
+
gap: 8px;
|
|
276
|
+
}
|
|
277
|
+
}
|
|
259
278
|
}
|
|
260
279
|
}
|
|
261
280
|
&.fullscreen {
|
|
@@ -264,8 +283,8 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
264
283
|
transform 0.5s ease-in-out;
|
|
265
284
|
top: 50%;
|
|
266
285
|
left: 50%;
|
|
267
|
-
width:
|
|
268
|
-
height:
|
|
286
|
+
width: 99vw;
|
|
287
|
+
height: 98vh;
|
|
269
288
|
border-radius: $radius-lg;
|
|
270
289
|
transform: translate(-50%, -50%);
|
|
271
290
|
box-shadow: none;
|
|
@@ -273,7 +292,7 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
273
292
|
display: flex;
|
|
274
293
|
flex-direction: column;
|
|
275
294
|
max-height: 100vh;
|
|
276
|
-
max-width:
|
|
295
|
+
max-width: 1200px;
|
|
277
296
|
|
|
278
297
|
.product-list {
|
|
279
298
|
flex: 1;
|
|
@@ -306,14 +325,16 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
306
325
|
top: 0;
|
|
307
326
|
background: $white;
|
|
308
327
|
z-index: 1;
|
|
309
|
-
padding:
|
|
310
|
-
border-bottom:
|
|
328
|
+
// padding: 0 16px;
|
|
329
|
+
border-bottom: 1px solid #d0d5dd;
|
|
311
330
|
.title-bar {
|
|
312
331
|
display: flex;
|
|
313
332
|
justify-content: space-between;
|
|
314
333
|
align-items: center;
|
|
315
334
|
// padding: 15px 0px;
|
|
316
|
-
// height:
|
|
335
|
+
// height: 60px;
|
|
336
|
+
padding: 16px;
|
|
337
|
+
|
|
317
338
|
.left-col {
|
|
318
339
|
display: flex;
|
|
319
340
|
gap: 10px;
|
|
@@ -321,16 +342,19 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
321
342
|
}
|
|
322
343
|
|
|
323
344
|
.title {
|
|
324
|
-
|
|
325
|
-
|
|
345
|
+
color: var(--Gray-900, #101828);
|
|
346
|
+
font-size: 14px;
|
|
347
|
+
font-weight: 700;
|
|
348
|
+
line-height: 24px;
|
|
349
|
+
text-transform: capitalize;
|
|
350
|
+
// font-size: $font-size-lg;
|
|
351
|
+
// font-weight: 600;
|
|
352
|
+
// display: flex;
|
|
353
|
+
// align-items: center;
|
|
326
354
|
// gap: 6px;
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
font-weight: 700;
|
|
331
|
-
line-height: 24px; /* 171.429% */
|
|
332
|
-
text-transform: capitalize;
|
|
333
|
-
}
|
|
355
|
+
// color: var(--_gray-900);
|
|
356
|
+
// line-height: 24px;
|
|
357
|
+
|
|
334
358
|
.modal_heading_icon {
|
|
335
359
|
width: 36px;
|
|
336
360
|
height: 36px;
|
|
@@ -345,31 +369,17 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
345
369
|
}
|
|
346
370
|
|
|
347
371
|
.count {
|
|
372
|
+
font-weight: 700;
|
|
373
|
+
color: $gray-600;
|
|
374
|
+
background-color: #f2f4f7;
|
|
375
|
+
border-radius: 6px;
|
|
376
|
+
font-size: $font-size-sm;
|
|
377
|
+
// width: 25px;
|
|
378
|
+
height: 25px;
|
|
379
|
+
padding: 0 8px;
|
|
348
380
|
display: flex;
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
border-radius: 100px;
|
|
352
|
-
background: var(--Gray-100, #f2f4f7);
|
|
353
|
-
mix-blend-mode: multiply;
|
|
354
|
-
color: var(--Gray-700, #344054);
|
|
355
|
-
text-align: center;
|
|
356
|
-
margin-left: 6px;
|
|
357
|
-
font-family: Lato;
|
|
358
|
-
font-size: 12px;
|
|
359
|
-
font-style: normal;
|
|
360
|
-
font-weight: 600;
|
|
361
|
-
line-height: 18px; /* 150% */
|
|
362
|
-
// font-weight: 700;
|
|
363
|
-
// color: $gray-600;
|
|
364
|
-
// background-color: #f2f4f7;
|
|
365
|
-
// border-radius: 6px;
|
|
366
|
-
// font-size: $font-size-sm;
|
|
367
|
-
// // width: 25px;
|
|
368
|
-
// height: 25px;
|
|
369
|
-
// padding: 0 8px;
|
|
370
|
-
// display: flex;
|
|
371
|
-
// // align-items: center;
|
|
372
|
-
// justify-content: center;
|
|
381
|
+
// align-items: center;
|
|
382
|
+
justify-content: center;
|
|
373
383
|
}
|
|
374
384
|
}
|
|
375
385
|
|
|
@@ -453,7 +463,7 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
453
463
|
display: flex;
|
|
454
464
|
align-items: center;
|
|
455
465
|
justify-content: space-between;
|
|
456
|
-
padding: 16px
|
|
466
|
+
padding: 10px 16px;
|
|
457
467
|
border-top: 1px solid $gray-300;
|
|
458
468
|
font-size: $font-size-base;
|
|
459
469
|
background: $footer_btn_background_color;
|
|
@@ -462,16 +472,13 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
462
472
|
display: flex;
|
|
463
473
|
gap: 24px;
|
|
464
474
|
span {
|
|
465
|
-
color: $gray_900;
|
|
466
|
-
font-size: 14px;
|
|
467
475
|
font-weight: 700;
|
|
468
476
|
line-height: 20px;
|
|
477
|
+
font-size: 14px;
|
|
478
|
+
color: var(--_gray-900);
|
|
469
479
|
.footer_label {
|
|
470
|
-
color: $gray_500;
|
|
471
|
-
font-size: 14px;
|
|
472
480
|
font-weight: 400;
|
|
473
|
-
|
|
474
|
-
margin-right: 6px;
|
|
481
|
+
color: var(--_gray-500);
|
|
475
482
|
}
|
|
476
483
|
}
|
|
477
484
|
}
|
|
@@ -570,7 +577,6 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
570
577
|
|
|
571
578
|
&:hover {
|
|
572
579
|
background: $primary-hover;
|
|
573
|
-
|
|
574
580
|
}
|
|
575
581
|
}
|
|
576
582
|
|
|
@@ -578,7 +584,7 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
578
584
|
display: flex;
|
|
579
585
|
gap: 8px;
|
|
580
586
|
|
|
581
|
-
|
|
587
|
+
span {
|
|
582
588
|
cursor: pointer;
|
|
583
589
|
font-size: 16px;
|
|
584
590
|
color: $text-light;
|