cx 24.9.2 → 24.9.4

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.
@@ -1,144 +1,144 @@
1
- // Padding
2
- $cx-default-padding-extra-small: 3px !default;
3
- $cx-default-padding-small: 5px !default;
4
- $cx-default-padding-medium: 10px !default;
5
- $cx-default-padding-large: 15px !default;
6
- $cx-default-padding-extra-large: 20px !default;
7
-
8
- $cx-pad-size: (
9
- xsmall: $cx-default-padding-extra-small,
10
- small: $cx-default-padding-small,
11
- medium: $cx-default-padding-medium,
12
- large: $cx-default-padding-large,
13
- xlarge: $cx-default-padding-extra-large,
14
- ) !default;
15
-
16
- @import "form/variables";
17
- @import "grid/variables";
18
- @import "nav/variables";
19
- @import "overlay/variables";
20
- @import "drag-drop/variables";
21
- @import "Button.variables";
22
-
23
- // HEADING
24
- $cx-caption-style-map: () !default;
25
-
26
- $cx-caption-level-style-map: (
27
- 1: (
28
- margin: 0,
29
- padding: 0,
30
- ),
31
- 2: (
32
- margin: 0,
33
- padding: 0,
34
- ),
35
- 3: (
36
- margin: 0,
37
- padding: 0,
38
- ),
39
- 4: (
40
- margin: 0,
41
- padding: 0,
42
- ),
43
- 5: (
44
- margin: 0,
45
- padding: 0,
46
- ),
47
- 6: (
48
- margin: 0,
49
- padding: 0,
50
- ),
51
- ) !default;
52
-
53
- // SECTION
54
- $cx-section-styles: () !default;
55
-
56
- $cx-section-mods: (
57
- card: (
58
- default: (
59
- background-color: rgba(255, 255, 255, 0.9),
60
- border-radius: 3px,
61
- ),
62
- ),
63
- warning: (
64
- default: (
65
- color: #fff,
66
- background-color: #f09037,
67
- border-radius: 3px,
68
- ),
69
- ),
70
- primary: (
71
- default: (
72
- color: #fff,
73
- background-color: #1f99f8,
74
- border-radius: 3px,
75
- ),
76
- ),
77
- success: (
78
- default: (
79
- color: #fff,
80
- background-color: #5cb85c,
81
- border-radius: 3px,
82
- ),
83
- ),
84
- error: (
85
- default: (
86
- color: #fff,
87
- background-color: #d9534f,
88
- border-radius: 3px,
89
- ),
90
- ),
91
- ) !default;
92
-
93
- // ProgressBar
94
- $cx-default-progressbar-width: 180px !default;
95
- $cx-default-progressbar-height: 24px !default;
96
- $cx-default-progressbar-font-size: smaller !default;
97
- $cx-default-progressbar-color: $cx-default-color !default;
98
- $cx-default-progressbar-background-color: rgba(#fff, 0.5) !default;
99
- $cx-default-progressbar-border-width: 1px !default;
100
- $cx-default-progressbar-border-color: #98d4ff !default;
101
- $cx-default-progressbar-border-radius: 0 !default;
102
-
103
- $cx-default-progressbar-indicator-background-color: rgba(#98d4ff, 0.8) !default;
104
-
105
- $cx-progressbar-state-style-map: (
106
- default: (
107
- position: relative,
108
- width: $cx-default-progressbar-width,
109
- min-height: $cx-default-progressbar-height,
110
- background-color: $cx-default-progressbar-background-color,
111
- border-style: solid,
112
- border-color: $cx-default-progressbar-border-color,
113
- border-width: $cx-default-progressbar-border-width,
114
- border-radius: $cx-default-progressbar-border-radius,
115
- font-size: $cx-default-progressbar-font-size,
116
- text-align: center,
117
- line-height: $cx-default-progressbar-height,
118
- ),
119
- disabled: (
120
- opacity: 0.2,
121
- ),
122
- );
123
-
124
- $cx-progressbar-mods: ();
125
-
126
- $cx-highlighedsearchtext-style-map: (
127
- font-weight: bold,
128
- ) !default;
129
-
130
- // for backward compatibility
131
- .cxm-well {
132
- @extend .cxm-card !optional;
133
- }
134
-
135
- $cx-dependencies: map-merge(
136
- $cx-dependencies,
137
- (
138
- "cx/widgets/FlexRow": "cx/widgets/FlexBox",
139
- "cx/widgets/FlexCol": "cx/widgets/FlexBox",
140
- "cx/widgets/CxCredit": "cx/widgets/Tooltip",
141
- "cx/widgets/Button": "cx/widgets/HtmlElement",
142
- "cx/widgets/HtmlElement": "cx/widgets/Tooltip",
143
- )
144
- );
1
+ // Padding
2
+ $cx-default-padding-extra-small: 3px !default;
3
+ $cx-default-padding-small: 5px !default;
4
+ $cx-default-padding-medium: 10px !default;
5
+ $cx-default-padding-large: 15px !default;
6
+ $cx-default-padding-extra-large: 20px !default;
7
+
8
+ $cx-pad-size: (
9
+ xsmall: $cx-default-padding-extra-small,
10
+ small: $cx-default-padding-small,
11
+ medium: $cx-default-padding-medium,
12
+ large: $cx-default-padding-large,
13
+ xlarge: $cx-default-padding-extra-large,
14
+ ) !default;
15
+
16
+ @import "form/variables";
17
+ @import "grid/variables";
18
+ @import "nav/variables";
19
+ @import "overlay/variables";
20
+ @import "drag-drop/variables";
21
+ @import "Button.variables";
22
+
23
+ // HEADING
24
+ $cx-caption-style-map: () !default;
25
+
26
+ $cx-caption-level-style-map: (
27
+ 1: (
28
+ margin: 0,
29
+ padding: 0,
30
+ ),
31
+ 2: (
32
+ margin: 0,
33
+ padding: 0,
34
+ ),
35
+ 3: (
36
+ margin: 0,
37
+ padding: 0,
38
+ ),
39
+ 4: (
40
+ margin: 0,
41
+ padding: 0,
42
+ ),
43
+ 5: (
44
+ margin: 0,
45
+ padding: 0,
46
+ ),
47
+ 6: (
48
+ margin: 0,
49
+ padding: 0,
50
+ ),
51
+ ) !default;
52
+
53
+ // SECTION
54
+ $cx-section-styles: () !default;
55
+
56
+ $cx-section-mods: (
57
+ card: (
58
+ default: (
59
+ background-color: rgba(255, 255, 255, 0.9),
60
+ border-radius: 3px,
61
+ ),
62
+ ),
63
+ warning: (
64
+ default: (
65
+ color: #fff,
66
+ background-color: #f09037,
67
+ border-radius: 3px,
68
+ ),
69
+ ),
70
+ primary: (
71
+ default: (
72
+ color: #fff,
73
+ background-color: #1f99f8,
74
+ border-radius: 3px,
75
+ ),
76
+ ),
77
+ success: (
78
+ default: (
79
+ color: #fff,
80
+ background-color: #5cb85c,
81
+ border-radius: 3px,
82
+ ),
83
+ ),
84
+ error: (
85
+ default: (
86
+ color: #fff,
87
+ background-color: #d9534f,
88
+ border-radius: 3px,
89
+ ),
90
+ ),
91
+ ) !default;
92
+
93
+ // ProgressBar
94
+ $cx-default-progressbar-width: 180px !default;
95
+ $cx-default-progressbar-height: 24px !default;
96
+ $cx-default-progressbar-font-size: smaller !default;
97
+ $cx-default-progressbar-color: $cx-default-color !default;
98
+ $cx-default-progressbar-background-color: rgba(#fff, 0.5) !default;
99
+ $cx-default-progressbar-border-width: 1px !default;
100
+ $cx-default-progressbar-border-color: #98d4ff !default;
101
+ $cx-default-progressbar-border-radius: 0 !default;
102
+
103
+ $cx-default-progressbar-indicator-background-color: rgba(#98d4ff, 0.8) !default;
104
+
105
+ $cx-progressbar-state-style-map: (
106
+ default: (
107
+ position: relative,
108
+ width: $cx-default-progressbar-width,
109
+ min-height: $cx-default-progressbar-height,
110
+ background-color: $cx-default-progressbar-background-color,
111
+ border-style: solid,
112
+ border-color: $cx-default-progressbar-border-color,
113
+ border-width: $cx-default-progressbar-border-width,
114
+ border-radius: $cx-default-progressbar-border-radius,
115
+ font-size: $cx-default-progressbar-font-size,
116
+ text-align: center,
117
+ line-height: $cx-default-progressbar-height,
118
+ ),
119
+ disabled: (
120
+ opacity: 0.2,
121
+ ),
122
+ );
123
+
124
+ $cx-progressbar-mods: ();
125
+
126
+ $cx-highlightedsearchtext-style-map: (
127
+ font-weight: bold,
128
+ ) !default;
129
+
130
+ // for backward compatibility
131
+ .cxm-well {
132
+ @extend .cxm-card !optional;
133
+ }
134
+
135
+ $cx-dependencies: map-merge(
136
+ $cx-dependencies,
137
+ (
138
+ "cx/widgets/FlexRow": "cx/widgets/FlexBox",
139
+ "cx/widgets/FlexCol": "cx/widgets/FlexBox",
140
+ "cx/widgets/CxCredit": "cx/widgets/Tooltip",
141
+ "cx/widgets/Button": "cx/widgets/HtmlElement",
142
+ "cx/widgets/HtmlElement": "cx/widgets/Tooltip",
143
+ )
144
+ );