@sc-360-v2/storefront-cms-library 0.4.80 → 0.4.82
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/allocations.scss +1613 -1603
- package/dist/builder.js +1 -1
- package/dist/bulk-order-pad.scss +14 -0
- package/dist/bundleDetails.scss +132 -53
- package/dist/buyForHeaders.scss +6 -0
- package/dist/buyForPopup.scss +0 -2
- package/dist/cart.scss +16 -8
- package/dist/contact-us.scss +1 -1
- package/dist/embroidery.scss +4 -4
- package/dist/form-preview.scss +11 -16
- package/dist/icons.js +1 -1
- package/dist/index.js +1 -1
- package/dist/order-status.scss +1 -1
- package/dist/phone-input.scss +28 -5
- package/dist/product-image-bundles.scss +27 -20
- package/dist/product-options.scss +1145 -1144
- package/dist/quick-links.scss +553 -552
- package/dist/repeater-grid-toggle.scss +42 -10
- package/dist/shipping-payments.scss +0 -1
- package/dist/static-global.scss +6 -0
- package/dist/types/builder/tools/element-edit/bundleDetails.d.ts +152 -1
- package/dist/types/builder/tools/element-edit/quickLinks.d.ts +2 -0
- package/dist/types/builder/tools/element-edit/repeater.d.ts +5 -1
- package/dist/types/builder/tools/element-edit/userElements.d.ts +22 -0
- package/dist/user-elements.scss +16 -10
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
@use "sass:list";
|
|
3
|
+
@use "./functions.scss" as *;
|
|
3
4
|
|
|
4
5
|
$selector: ".repeater__view__toggle";
|
|
5
6
|
$wrapper: ".tgl__wrapper";
|
|
@@ -17,19 +18,35 @@ $wrapper: ".tgl__wrapper";
|
|
|
17
18
|
&#{$wrapper} {
|
|
18
19
|
display: var(--_d-flex);
|
|
19
20
|
align-items: center;
|
|
20
|
-
border: 1px solid var(--_gray-200);
|
|
21
|
+
// border: 1px solid var(--_gray-200);
|
|
22
|
+
border-style: prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-lt-se-br-se, solid);
|
|
23
|
+
border-width: prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-lt-se-br-wh, 1px);
|
|
24
|
+
border-color: prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-lt-se-br-cr, var(--_gray-200));
|
|
21
25
|
--_br-6: 6px;
|
|
22
26
|
--_width-40: 40px;
|
|
27
|
+
--_width-20: 20px;
|
|
23
28
|
border-radius: var(--_br-6);
|
|
24
|
-
|
|
29
|
+
// --_ctm-rep-dn-gd-vw-cl-se-bn-dt-se-bd-cr,
|
|
30
|
+
background-color: prepareMediaVariable(
|
|
31
|
+
--_ctm-rep-dn-gd-vw-cl-se-lt-se-bd-cr,
|
|
32
|
+
var(--_base-white)
|
|
33
|
+
);
|
|
25
34
|
|
|
26
35
|
& > button {
|
|
27
36
|
display: var(--_d-flex);
|
|
28
|
-
$size: var(--_width-40);
|
|
29
|
-
|
|
30
|
-
|
|
37
|
+
// $size: var(--_width-40);
|
|
38
|
+
$size: #{var(
|
|
39
|
+
--_sf-at-btn-size,
|
|
40
|
+
#{prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-bn-dt-se-in-se, var(--_width-20))}
|
|
41
|
+
)};
|
|
42
|
+
width: calc(#{$size} * 2);
|
|
43
|
+
height: calc(#{$size} * 2);
|
|
31
44
|
align-items: center;
|
|
32
45
|
justify-content: center;
|
|
46
|
+
background: var(
|
|
47
|
+
--_sf-at-btn-bd,
|
|
48
|
+
#{prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-bn-dt-se-bd-cr)}
|
|
49
|
+
);
|
|
33
50
|
|
|
34
51
|
&:first-of-type {
|
|
35
52
|
border-radius: 4px 0 0 4px;
|
|
@@ -39,16 +56,31 @@ $wrapper: ".tgl__wrapper";
|
|
|
39
56
|
}
|
|
40
57
|
|
|
41
58
|
&[data-style-active="true"] {
|
|
42
|
-
--_sf-at-pt-cl: var(--_gray-
|
|
43
|
-
|
|
59
|
+
// --_sf-at-pt-cl: var(--_gray-700);
|
|
60
|
+
--_sf-at-btn-size: #{prepareMediaVariable(
|
|
61
|
+
--_ctm-rep-dn-gd-vw-cl-se-bn-sd-se-in-se,
|
|
62
|
+
var(--_width-20)
|
|
63
|
+
)};
|
|
64
|
+
--_sf-at-pt-cl: #{prepareMediaVariable(
|
|
65
|
+
--_ctm-rep-dn-gd-vw-cl-se-bn-sd-se-in-c1,
|
|
66
|
+
var(--_gray-700)
|
|
67
|
+
)};
|
|
68
|
+
--_sf-at-btn-bd: #{prepareMediaVariable(
|
|
69
|
+
--_ctm-rep-dn-gd-vw-cl-se-bn-sd-se-bd-cr,
|
|
70
|
+
var(--_gray-200)
|
|
71
|
+
)};
|
|
72
|
+
// background: var(--_gray-200);
|
|
44
73
|
}
|
|
45
74
|
|
|
46
75
|
svg {
|
|
47
|
-
width: calc(#{$size} *
|
|
48
|
-
height: calc(#{$size} *
|
|
76
|
+
width: calc(#{$size} * 1);
|
|
77
|
+
height: calc(#{$size} * 1);
|
|
49
78
|
|
|
50
79
|
path {
|
|
51
|
-
stroke: var(
|
|
80
|
+
stroke: var(
|
|
81
|
+
--_sf-at-pt-cl,
|
|
82
|
+
#{prepareMediaVariable(--_ctm-rep-dn-gd-vw-cl-se-bn-dt-se-in-c1, var(--_gray-500))}
|
|
83
|
+
);
|
|
52
84
|
}
|
|
53
85
|
}
|
|
54
86
|
}
|
package/dist/static-global.scss
CHANGED
|
@@ -32,7 +32,15 @@ export declare enum SelectorKeysEnum {
|
|
|
32
32
|
PRODUCT_INFO_DESIGN = "productInfoDesign",
|
|
33
33
|
PRODUCT_PRICE_DESIGN = "productPriceDesign",
|
|
34
34
|
SELECT_BUTTON_DESIGN = "selectButtonDesign",
|
|
35
|
-
ADD_TO_CART_BUTTON_DESIGN = "addToCartButtonDesign"
|
|
35
|
+
ADD_TO_CART_BUTTON_DESIGN = "addToCartButtonDesign",
|
|
36
|
+
PRODUCT_CARD_QUANTITY = "productCardQuantity",
|
|
37
|
+
QUANTITY_INPUT = "quantityInput",
|
|
38
|
+
QUANTITY_LABEL = "quantityLabel",
|
|
39
|
+
ADD_TO_CART_LAYOUT = "addToCartLayout",
|
|
40
|
+
ADD_TO_CART_TITLE = "addToCartTitle",
|
|
41
|
+
ADD_TO_CART_LABEL = "addToCartLabel",
|
|
42
|
+
ADD_TO_CART_QUANTITY_INPUT = "addToCartInput",
|
|
43
|
+
ADD_TO_CART_PRICE = "addToCartPrice"
|
|
36
44
|
}
|
|
37
45
|
export declare const getDefaultData: () => {
|
|
38
46
|
layout: {
|
|
@@ -1464,6 +1472,149 @@ export declare const getDefaultData: () => {
|
|
|
1464
1472
|
paginationLine: any;
|
|
1465
1473
|
layout: any;
|
|
1466
1474
|
};
|
|
1475
|
+
productQuantity: {
|
|
1476
|
+
selectorKey: SelectorKeysEnum;
|
|
1477
|
+
quantityInput: {
|
|
1478
|
+
padding: any;
|
|
1479
|
+
theme: CMSIBCommonInterface;
|
|
1480
|
+
font: CMSIBCommonInterface;
|
|
1481
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1482
|
+
textColor: CMSIBCommonInterface;
|
|
1483
|
+
bold: CMSIBCommonInterface;
|
|
1484
|
+
italic: CMSIBCommonInterface;
|
|
1485
|
+
linethrough: CMSIBCommonInterface;
|
|
1486
|
+
underline: CMSIBCommonInterface;
|
|
1487
|
+
textAlign: CMSIBCommonInterface;
|
|
1488
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1489
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1490
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1491
|
+
borderColor: CMSIBCommonInterface;
|
|
1492
|
+
borderStyle: CMSIBCommonInterface;
|
|
1493
|
+
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
1494
|
+
showBorder: CMSIBCommonInterface;
|
|
1495
|
+
showShadow: CMSIBCommonInterface;
|
|
1496
|
+
shadowColor: CMSIBCommonInterface;
|
|
1497
|
+
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1498
|
+
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1499
|
+
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1500
|
+
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
1501
|
+
exposure: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1502
|
+
contrast: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1503
|
+
saturation: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1504
|
+
highlights: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1505
|
+
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1506
|
+
selectorKey: SelectorKeysEnum;
|
|
1507
|
+
};
|
|
1508
|
+
quantityLabel: {
|
|
1509
|
+
theme: CMSIBCommonInterface;
|
|
1510
|
+
font: CMSIBCommonInterface;
|
|
1511
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1512
|
+
textColor: CMSIBCommonInterface;
|
|
1513
|
+
bold: CMSIBCommonInterface;
|
|
1514
|
+
italic: CMSIBCommonInterface;
|
|
1515
|
+
linethrough: CMSIBCommonInterface;
|
|
1516
|
+
underline: CMSIBCommonInterface;
|
|
1517
|
+
textAlign: CMSIBCommonInterface;
|
|
1518
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1519
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1520
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1521
|
+
selectorKey: SelectorKeysEnum;
|
|
1522
|
+
};
|
|
1523
|
+
};
|
|
1524
|
+
addToCartLayout: {
|
|
1525
|
+
selectorKey: SelectorKeysEnum;
|
|
1526
|
+
quantityLabel: {
|
|
1527
|
+
theme: CMSIBCommonInterface;
|
|
1528
|
+
font: CMSIBCommonInterface;
|
|
1529
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1530
|
+
textColor: CMSIBCommonInterface;
|
|
1531
|
+
bold: CMSIBCommonInterface;
|
|
1532
|
+
italic: CMSIBCommonInterface;
|
|
1533
|
+
linethrough: CMSIBCommonInterface;
|
|
1534
|
+
underline: CMSIBCommonInterface;
|
|
1535
|
+
textAlign: CMSIBCommonInterface;
|
|
1536
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1537
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1538
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1539
|
+
selectorKey: SelectorKeysEnum;
|
|
1540
|
+
};
|
|
1541
|
+
priceLabel: {
|
|
1542
|
+
theme: CMSIBCommonInterface;
|
|
1543
|
+
font: CMSIBCommonInterface;
|
|
1544
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1545
|
+
textColor: CMSIBCommonInterface;
|
|
1546
|
+
bold: CMSIBCommonInterface;
|
|
1547
|
+
italic: CMSIBCommonInterface;
|
|
1548
|
+
linethrough: CMSIBCommonInterface;
|
|
1549
|
+
underline: CMSIBCommonInterface;
|
|
1550
|
+
textAlign: CMSIBCommonInterface;
|
|
1551
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1552
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1553
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1554
|
+
selectorKey: SelectorKeysEnum;
|
|
1555
|
+
};
|
|
1556
|
+
input: {
|
|
1557
|
+
padding: any;
|
|
1558
|
+
theme: CMSIBCommonInterface;
|
|
1559
|
+
font: CMSIBCommonInterface;
|
|
1560
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1561
|
+
textColor: CMSIBCommonInterface;
|
|
1562
|
+
bold: CMSIBCommonInterface;
|
|
1563
|
+
italic: CMSIBCommonInterface;
|
|
1564
|
+
linethrough: CMSIBCommonInterface;
|
|
1565
|
+
underline: CMSIBCommonInterface;
|
|
1566
|
+
textAlign: CMSIBCommonInterface;
|
|
1567
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1568
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1569
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1570
|
+
borderColor: CMSIBCommonInterface;
|
|
1571
|
+
borderStyle: CMSIBCommonInterface;
|
|
1572
|
+
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
1573
|
+
showBorder: CMSIBCommonInterface;
|
|
1574
|
+
showShadow: CMSIBCommonInterface;
|
|
1575
|
+
shadowColor: CMSIBCommonInterface;
|
|
1576
|
+
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1577
|
+
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1578
|
+
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1579
|
+
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
1580
|
+
exposure: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1581
|
+
contrast: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1582
|
+
saturation: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1583
|
+
highlights: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1584
|
+
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1585
|
+
selectorKey: SelectorKeysEnum;
|
|
1586
|
+
};
|
|
1587
|
+
title: {
|
|
1588
|
+
theme: CMSIBCommonInterface;
|
|
1589
|
+
font: CMSIBCommonInterface;
|
|
1590
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1591
|
+
textColor: CMSIBCommonInterface;
|
|
1592
|
+
bold: CMSIBCommonInterface;
|
|
1593
|
+
italic: CMSIBCommonInterface;
|
|
1594
|
+
linethrough: CMSIBCommonInterface;
|
|
1595
|
+
underline: CMSIBCommonInterface;
|
|
1596
|
+
textAlign: CMSIBCommonInterface;
|
|
1597
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1598
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1599
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1600
|
+
selectorKey: SelectorKeysEnum;
|
|
1601
|
+
};
|
|
1602
|
+
price: {
|
|
1603
|
+
theme: CMSIBCommonInterface;
|
|
1604
|
+
font: CMSIBCommonInterface;
|
|
1605
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1606
|
+
textColor: CMSIBCommonInterface;
|
|
1607
|
+
bold: CMSIBCommonInterface;
|
|
1608
|
+
italic: CMSIBCommonInterface;
|
|
1609
|
+
linethrough: CMSIBCommonInterface;
|
|
1610
|
+
underline: CMSIBCommonInterface;
|
|
1611
|
+
textAlign: CMSIBCommonInterface;
|
|
1612
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1613
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
1614
|
+
backgroundColor: CMSIBCommonInterface;
|
|
1615
|
+
selectorKey: SelectorKeysEnum;
|
|
1616
|
+
};
|
|
1617
|
+
};
|
|
1467
1618
|
};
|
|
1468
1619
|
errorMessage: {
|
|
1469
1620
|
icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
|
|
@@ -389,6 +389,7 @@ export declare const getDefaultData: () => {
|
|
|
389
389
|
borderColor: CMSIBCommonInterface;
|
|
390
390
|
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
391
391
|
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
392
|
+
padding: any;
|
|
392
393
|
showShadow: CMSIBCommonInterface;
|
|
393
394
|
shadowColor: CMSIBCommonInterface;
|
|
394
395
|
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
@@ -445,6 +446,7 @@ export declare const getDefaultData: () => {
|
|
|
445
446
|
borderColor: CMSIBCommonInterface;
|
|
446
447
|
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
447
448
|
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
449
|
+
padding: any;
|
|
448
450
|
showShadow: CMSIBCommonInterface;
|
|
449
451
|
shadowColor: CMSIBCommonInterface;
|
|
450
452
|
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
@@ -62,6 +62,7 @@ export interface selfDesignInterface {
|
|
|
62
62
|
selectorKey: string;
|
|
63
63
|
repeaterWidget: any;
|
|
64
64
|
buttonStyle: any;
|
|
65
|
+
gridViewControlStyle: any;
|
|
65
66
|
}
|
|
66
67
|
export declare enum selfSelectorKeysEnum {
|
|
67
68
|
LAYOUT = "layout",
|
|
@@ -71,7 +72,10 @@ export declare enum selfSelectorKeysEnum {
|
|
|
71
72
|
DEFAULT_STATE = "defaultState",
|
|
72
73
|
HOVER_STATE = "hoverState",
|
|
73
74
|
SELECTED_STATE = "selectedState",
|
|
74
|
-
BUTTON_STYLE = "buttonStyle"
|
|
75
|
+
BUTTON_STYLE = "buttonStyle",
|
|
76
|
+
GRID_VIEW_CONTROL_STYLE = "gridViewControlStyle",
|
|
77
|
+
BUTTON = "button",
|
|
78
|
+
LAYOUT_STYLE = "layoutStyle"
|
|
75
79
|
}
|
|
76
80
|
export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
77
81
|
export {};
|
|
@@ -64,6 +64,12 @@ export declare const getDefaultData: () => {
|
|
|
64
64
|
property: string;
|
|
65
65
|
propertyType: CMSElementEditTypes;
|
|
66
66
|
};
|
|
67
|
+
quotaDropdownSpacing: {
|
|
68
|
+
value: number;
|
|
69
|
+
unit: number;
|
|
70
|
+
property: string;
|
|
71
|
+
propertyType: CMSElementEditTypes;
|
|
72
|
+
};
|
|
67
73
|
quotaShowOtherItems: {
|
|
68
74
|
value: string;
|
|
69
75
|
property: string;
|
|
@@ -85,6 +91,12 @@ export declare const getDefaultData: () => {
|
|
|
85
91
|
property: string;
|
|
86
92
|
propertyType: CMSElementEditTypes;
|
|
87
93
|
};
|
|
94
|
+
allowanceDropdownSpacing: {
|
|
95
|
+
value: number;
|
|
96
|
+
unit: number;
|
|
97
|
+
property: string;
|
|
98
|
+
propertyType: CMSElementEditTypes;
|
|
99
|
+
};
|
|
88
100
|
itemSpacing: {
|
|
89
101
|
value: number;
|
|
90
102
|
unit: number;
|
|
@@ -363,6 +375,11 @@ export declare const getDefaultData: () => {
|
|
|
363
375
|
selectorKey: SelectorKeysEnum;
|
|
364
376
|
};
|
|
365
377
|
quotaHeadingDesign: {
|
|
378
|
+
maxCharacters: {
|
|
379
|
+
value: number;
|
|
380
|
+
property: string;
|
|
381
|
+
propertyType: CMSElementEditTypes;
|
|
382
|
+
};
|
|
366
383
|
theme: CMSIBCommonInterface;
|
|
367
384
|
font: CMSIBCommonInterface;
|
|
368
385
|
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
@@ -475,6 +492,11 @@ export declare const getDefaultData: () => {
|
|
|
475
492
|
selectorKey: SelectorKeysEnum;
|
|
476
493
|
};
|
|
477
494
|
allowanceHeadingDesign: {
|
|
495
|
+
maxCharacters: {
|
|
496
|
+
value: number;
|
|
497
|
+
property: string;
|
|
498
|
+
propertyType: CMSElementEditTypes;
|
|
499
|
+
};
|
|
478
500
|
theme: CMSIBCommonInterface;
|
|
479
501
|
font: CMSIBCommonInterface;
|
|
480
502
|
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
package/dist/user-elements.scss
CHANGED
|
@@ -563,6 +563,16 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
563
563
|
flex-direction: column;
|
|
564
564
|
align-items: flex-start;
|
|
565
565
|
position: relative;
|
|
566
|
+
|
|
567
|
+
.secondary_vertical_scroll_wrapper {
|
|
568
|
+
flex-direction: column;
|
|
569
|
+
width: 100%;
|
|
570
|
+
gap: prepareMediaVariable(--_ctm-lt-ur-io-sy-im-sg);
|
|
571
|
+
|
|
572
|
+
.child {
|
|
573
|
+
width: 100%;
|
|
574
|
+
}
|
|
575
|
+
}
|
|
566
576
|
}
|
|
567
577
|
|
|
568
578
|
&[data-content-alignment="Horizontal"] {
|
|
@@ -705,7 +715,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
705
715
|
justify-content: space-between;
|
|
706
716
|
align-items: center;
|
|
707
717
|
width: 100%;
|
|
708
|
-
gap:
|
|
718
|
+
gap: prepareMediaVariable(--_ctm-lt-ur-io-sy-im-sg);
|
|
709
719
|
@media (max-width: 768px) {
|
|
710
720
|
flex-wrap: wrap;
|
|
711
721
|
}
|
|
@@ -729,12 +739,6 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
729
739
|
flex-direction: column;
|
|
730
740
|
align-items: flex-start;
|
|
731
741
|
}
|
|
732
|
-
.secondary_vertical_scroll_wrapper {
|
|
733
|
-
gap: calc(prepareMediaVariable(--_ctm-lt-im-sg) / 2);
|
|
734
|
-
.child {
|
|
735
|
-
height: 100%;
|
|
736
|
-
}
|
|
737
|
-
}
|
|
738
742
|
}
|
|
739
743
|
}
|
|
740
744
|
}
|
|
@@ -850,6 +854,8 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
850
854
|
.user_elements_user_data_wrapper {
|
|
851
855
|
.user_elements_user_data {
|
|
852
856
|
display: flex;
|
|
857
|
+
align-items: center;
|
|
858
|
+
gap: 6px;
|
|
853
859
|
|
|
854
860
|
.user_elements_user_id {
|
|
855
861
|
display: flex;
|
|
@@ -1019,7 +1025,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1019
1025
|
border-width: prepareMediaVariable(--_ctm-dn-qa-dn-fl-ad-oy-br-wh);
|
|
1020
1026
|
box-shadow: var(--_ctm-dn-qa-dn-fl-ad-oy-sw-ae) var(--_ctm-dn-qa-dn-fl-ad-oy-sw-br)
|
|
1021
1027
|
var(--_ctm-dn-qa-dn-fl-ad-oy-sw-sd) var(--_ctm-dn-qa-dn-fl-ad-oy-sw-cr);
|
|
1022
|
-
gap: prepareMediaVariable(--_ctm-lt-qa-
|
|
1028
|
+
gap: prepareMediaVariable(--_ctm-lt-qa-dn-sg);
|
|
1023
1029
|
.quota_label_wrapper {
|
|
1024
1030
|
display: flex;
|
|
1025
1031
|
flex-direction: column;
|
|
@@ -1234,7 +1240,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1234
1240
|
border-width: prepareMediaVariable(--_ctm-dn-ae-dn-fl-ad-oy-br-wh);
|
|
1235
1241
|
box-shadow: var(--_ctm-dn-ae-dn-fl-ad-oy-sw-ae) var(--_ctm-dn-ae-dn-fl-ad-oy-sw-br)
|
|
1236
1242
|
var(--_ctm-dn-ae-dn-fl-ad-oy-sw-sd) var(--_ctm-dn-ae-dn-fl-ad-oy-sw-cr);
|
|
1237
|
-
gap: prepareMediaVariable(--_ctm-lt-ae-
|
|
1243
|
+
gap: prepareMediaVariable(--_ctm-lt-ae-dn-sg);
|
|
1238
1244
|
.allowance_label_wrapper {
|
|
1239
1245
|
display: flex;
|
|
1240
1246
|
flex-direction: column;
|
|
@@ -1310,7 +1316,7 @@ $resizeActive: '[data-cms-element-resizer="true"]';
|
|
|
1310
1316
|
display: flex;
|
|
1311
1317
|
justify-content: center;
|
|
1312
1318
|
align-items: center;
|
|
1313
|
-
color: prepareMediaVariable(--_ctm-dn-ae-dn-ae-
|
|
1319
|
+
color: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-cr);
|
|
1314
1320
|
font-family: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-fy);
|
|
1315
1321
|
font-size: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-se);
|
|
1316
1322
|
font-style: prepareMediaVariable(--_ctm-dn-ae-dn-ae-iy-dn-ft-se-ic);
|