igniteui-theming 14.2.0 → 14.4.0-beta.1
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/package.json +1 -1
- package/sass/animations/_mixins.scss +1 -1
- package/sass/animations/entrances/_flicker.scss +37 -37
- package/sass/animations/exits/_flicker.scss +37 -37
- package/sass/animations/generic/_shadows.scss +78 -78
- package/sass/bem/_index.scss +1 -1
- package/sass/color/_functions.scss +1 -1
- package/sass/themes/_functions.scss +1 -1
- package/sass/themes/charts/_category-chart-theme.scss +1 -1
- package/sass/themes/charts/_data-chart-theme.scss +1 -1
- package/sass/themes/charts/_financial-chart-theme.scss +1 -1
- package/sass/themes/charts/_funnel-chart-theme.scss +1 -1
- package/sass/themes/charts/_gauge-theme.scss +1 -1
- package/sass/themes/charts/_geo-map-theme.scss +1 -1
- package/sass/themes/charts/_graph-theme.scss +1 -1
- package/sass/themes/charts/_pie-chart-theme.scss +1 -1
- package/sass/themes/charts/_shape-chart-theme.scss +1 -1
- package/sass/themes/charts/_theme.scss +10 -0
- package/sass/themes/schemas/charts/dark/_category-chart.scss +1 -1
- package/sass/themes/schemas/charts/light/_category-chart.scss +1 -1
- package/sass/themes/schemas/charts/light/_data-chart.scss +1 -1
- package/sass/themes/schemas/charts/light/_doughnut-chart.scss +1 -1
- package/sass/themes/schemas/charts/light/_financial-chart.scss +1 -1
- package/sass/themes/schemas/charts/light/_funnel-chart.scss +2 -1
- package/sass/themes/schemas/charts/light/_gauge.scss +1 -1
- package/sass/themes/schemas/charts/light/_geo-map.scss +1 -1
- package/sass/themes/schemas/charts/light/_graph.scss +1 -1
- package/sass/themes/schemas/charts/light/_pie-chart.scss +1 -1
- package/sass/themes/schemas/charts/light/_shape-chart.scss +2 -1
- package/sass/themes/schemas/components/dark/_button.scss +1 -1
- package/sass/themes/schemas/components/dark/_combo.scss +1 -1
- package/sass/themes/schemas/components/dark/_drop-down.scss +1 -1
- package/sass/themes/schemas/components/dark/_icon-button.scss +1 -1
- package/sass/themes/schemas/components/dark/_index.scss +5 -0
- package/sass/themes/schemas/components/dark/_input-group.scss +1 -1
- package/sass/themes/schemas/components/dark/_overlay.scss +1 -1
- package/sass/themes/schemas/components/dark/_select.scss +1 -1
- package/sass/themes/schemas/components/dark/_slider.scss +1 -1
- package/sass/themes/schemas/components/dark/_switch.scss +1 -1
- package/sass/themes/schemas/components/dark/_tabs.scss +1 -1
- package/sass/themes/schemas/components/dark/_tile-manager.scss +199 -0
- package/sass/themes/schemas/components/dark/_tree.scss +1 -1
- package/sass/themes/schemas/components/elevation/_input-group.scss +1 -1
- package/sass/themes/schemas/components/elevation/_tile-manager.scss +13 -0
- package/sass/themes/schemas/components/light/_button.scss +1 -1
- package/sass/themes/schemas/components/light/_checkbox.scss +1 -1
- package/sass/themes/schemas/components/light/_combo.scss +1 -1
- package/sass/themes/schemas/components/light/_drop-down.scss +1 -1
- package/sass/themes/schemas/components/light/_index.scss +5 -0
- package/sass/themes/schemas/components/light/_input-group.scss +1 -1
- package/sass/themes/schemas/components/light/_list.scss +60 -17
- package/sass/themes/schemas/components/light/_overlay.scss +1 -1
- package/sass/themes/schemas/components/light/_rating.scss +1 -1
- package/sass/themes/schemas/components/light/_select.scss +1 -1
- package/sass/themes/schemas/components/light/_slider.scss +1 -1
- package/sass/themes/schemas/components/light/_switch.scss +1 -1
- package/sass/themes/schemas/components/light/_tabs.scss +1 -1
- package/sass/themes/schemas/components/light/_tile-manager.scss +264 -0
- package/sass/themes/schemas/components/light/_tree.scss +1 -1
- package/sass/typography/presets/_bootstrap.scss +1 -1
|
@@ -11,11 +11,11 @@
|
|
|
11
11
|
@mixin shadow-drop-center {
|
|
12
12
|
@include keyframes(shadow-drop-center) {
|
|
13
13
|
0% {
|
|
14
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
14
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
15
15
|
}
|
|
16
16
|
|
|
17
17
|
100% {
|
|
18
|
-
box-shadow: 0 0 20px 0 rgb(0 0 0 / 35
|
|
18
|
+
box-shadow: 0 0 20px 0 rgb(0 0 0 / 0.35);
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
}
|
|
@@ -25,14 +25,14 @@
|
|
|
25
25
|
@include keyframes(shadow-drop-tb) {
|
|
26
26
|
0% {
|
|
27
27
|
box-shadow:
|
|
28
|
-
0 0 0 0 rgb(0 0 0 / 0
|
|
29
|
-
0 0 0 0 rgb(0 0 0 / 0
|
|
28
|
+
0 0 0 0 rgb(0 0 0 / 0),
|
|
29
|
+
0 0 0 0 rgb(0 0 0 / 0);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
100% {
|
|
33
33
|
box-shadow:
|
|
34
|
-
0 -12px 20px -12px rgb(0 0 0 / 35
|
|
35
|
-
0 12px 20px -12px rgb(0 0 0 / 35
|
|
34
|
+
0 -12px 20px -12px rgb(0 0 0 / 0.35),
|
|
35
|
+
0 12px 20px -12px rgb(0 0 0 / 0.35);
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
}
|
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
@mixin shadow-drop-top {
|
|
42
42
|
@include keyframes(shadow-drop-top) {
|
|
43
43
|
0% {
|
|
44
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
44
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
100% {
|
|
48
|
-
box-shadow: 0 -12px 20px -12px rgb(0 0 0 / 35
|
|
48
|
+
box-shadow: 0 -12px 20px -12px rgb(0 0 0 / 0.35);
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
}
|
|
@@ -54,11 +54,11 @@
|
|
|
54
54
|
@mixin shadow-drop-tr {
|
|
55
55
|
@include keyframes(shadow-drop-tr) {
|
|
56
56
|
0% {
|
|
57
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
57
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
58
58
|
}
|
|
59
59
|
|
|
60
60
|
100% {
|
|
61
|
-
box-shadow: 12px -12px 20px -12px rgb(0 0 0 / 35
|
|
61
|
+
box-shadow: 12px -12px 20px -12px rgb(0 0 0 / 0.35);
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
64
|
}
|
|
@@ -67,11 +67,11 @@
|
|
|
67
67
|
@mixin shadow-drop-right {
|
|
68
68
|
@include keyframes(shadow-drop-right) {
|
|
69
69
|
0% {
|
|
70
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
70
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
71
71
|
}
|
|
72
72
|
|
|
73
73
|
100% {
|
|
74
|
-
box-shadow: 12px 0 20px -12px rgb(0 0 0 / 35
|
|
74
|
+
box-shadow: 12px 0 20px -12px rgb(0 0 0 / 0.35);
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
}
|
|
@@ -80,11 +80,11 @@
|
|
|
80
80
|
@mixin shadow-drop-br {
|
|
81
81
|
@include keyframes(shadow-drop-br) {
|
|
82
82
|
0% {
|
|
83
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
83
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
100% {
|
|
87
|
-
box-shadow: 12px 12px 20px -12px rgb(0 0 0 / 35
|
|
87
|
+
box-shadow: 12px 12px 20px -12px rgb(0 0 0 / 0.35);
|
|
88
88
|
}
|
|
89
89
|
}
|
|
90
90
|
}
|
|
@@ -93,11 +93,11 @@
|
|
|
93
93
|
@mixin shadow-drop-bottom {
|
|
94
94
|
@include keyframes(shadow-drop-bottom) {
|
|
95
95
|
0% {
|
|
96
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
96
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
100% {
|
|
100
|
-
box-shadow: 0 12px 20px -12px rgb(0 0 0 / 35
|
|
100
|
+
box-shadow: 0 12px 20px -12px rgb(0 0 0 / 0.35);
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
103
|
}
|
|
@@ -106,11 +106,11 @@
|
|
|
106
106
|
@mixin shadow-drop-bl {
|
|
107
107
|
@include keyframes(shadow-drop-bl) {
|
|
108
108
|
0% {
|
|
109
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
109
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
100% {
|
|
113
|
-
box-shadow: -12px 12px 20px -12px rgb(0 0 0 / 35
|
|
113
|
+
box-shadow: -12px 12px 20px -12px rgb(0 0 0 / 0.35);
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
116
|
}
|
|
@@ -119,11 +119,11 @@
|
|
|
119
119
|
@mixin shadow-drop-left {
|
|
120
120
|
@include keyframes(shadow-drop-left) {
|
|
121
121
|
0% {
|
|
122
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
122
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
100% {
|
|
126
|
-
box-shadow: -12px 0 20px -12px rgb(0 0 0 / 35
|
|
126
|
+
box-shadow: -12px 0 20px -12px rgb(0 0 0 / 0.35);
|
|
127
127
|
}
|
|
128
128
|
}
|
|
129
129
|
}
|
|
@@ -132,11 +132,11 @@
|
|
|
132
132
|
@mixin shadow-drop-tl {
|
|
133
133
|
@include keyframes(shadow-drop-tl) {
|
|
134
134
|
0% {
|
|
135
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
135
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
136
136
|
}
|
|
137
137
|
|
|
138
138
|
100% {
|
|
139
|
-
box-shadow: -12px -12px 20px -12px rgb(0 0 0 / 35
|
|
139
|
+
box-shadow: -12px -12px 20px -12px rgb(0 0 0 / 0.35);
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
142
|
}
|
|
@@ -146,14 +146,14 @@
|
|
|
146
146
|
@include keyframes(shadow-drop-lr) {
|
|
147
147
|
0% {
|
|
148
148
|
box-shadow:
|
|
149
|
-
0 0 0 0 rgb(0 0 0 / 0
|
|
150
|
-
0 0 0 0 rgb(0 0 0 / 0
|
|
149
|
+
0 0 0 0 rgb(0 0 0 / 0),
|
|
150
|
+
0 0 0 0 rgb(0 0 0 / 0);
|
|
151
151
|
}
|
|
152
152
|
|
|
153
153
|
100% {
|
|
154
154
|
box-shadow:
|
|
155
|
-
-12px 0 20px -12px rgb(0 0 0 / 35
|
|
156
|
-
12px 0 20px -12px rgb(0 0 0 / 35
|
|
155
|
+
-12px 0 20px -12px rgb(0 0 0 / 0.35),
|
|
156
|
+
12px 0 20px -12px rgb(0 0 0 / 0.35);
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
159
|
}
|
|
@@ -163,12 +163,12 @@
|
|
|
163
163
|
@include keyframes(shadow-drop-2-center) {
|
|
164
164
|
0% {
|
|
165
165
|
transform: translateZ(0);
|
|
166
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
166
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
167
167
|
}
|
|
168
168
|
|
|
169
169
|
100% {
|
|
170
170
|
transform: translateZ(50px);
|
|
171
|
-
box-shadow: 0 0 20px 0 rgb(0 0 0 / 35
|
|
171
|
+
box-shadow: 0 0 20px 0 rgb(0 0 0 / 0.35);
|
|
172
172
|
}
|
|
173
173
|
}
|
|
174
174
|
}
|
|
@@ -179,15 +179,15 @@
|
|
|
179
179
|
0% {
|
|
180
180
|
transform: translateZ(0);
|
|
181
181
|
box-shadow:
|
|
182
|
-
0 0 0 0 rgb(0 0 0 / 0
|
|
183
|
-
0 0 0 0 rgb(0 0 0 / 0
|
|
182
|
+
0 0 0 0 rgb(0 0 0 / 0),
|
|
183
|
+
0 0 0 0 rgb(0 0 0 / 0);
|
|
184
184
|
}
|
|
185
185
|
|
|
186
186
|
100% {
|
|
187
187
|
transform: translateZ(50px);
|
|
188
188
|
box-shadow:
|
|
189
|
-
0 -12px 20px -12px rgb(0 0 0 / 35
|
|
190
|
-
0 12px 20px -12px rgb(0 0 0 / 35
|
|
189
|
+
0 -12px 20px -12px rgb(0 0 0 / 0.35),
|
|
190
|
+
0 12px 20px -12px rgb(0 0 0 / 0.35);
|
|
191
191
|
}
|
|
192
192
|
}
|
|
193
193
|
}
|
|
@@ -197,12 +197,12 @@
|
|
|
197
197
|
@include keyframes(shadow-drop-2-top) {
|
|
198
198
|
0% {
|
|
199
199
|
transform: translateZ(0) translateY(0);
|
|
200
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
200
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
201
201
|
}
|
|
202
202
|
|
|
203
203
|
100% {
|
|
204
204
|
transform: translateZ(50px) translateY(12px);
|
|
205
|
-
box-shadow: 0 -12px 20px -12px rgb(0 0 0 / 35
|
|
205
|
+
box-shadow: 0 -12px 20px -12px rgb(0 0 0 / 0.35);
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
208
|
}
|
|
@@ -212,12 +212,12 @@
|
|
|
212
212
|
@include keyframes(shadow-drop-2-tr) {
|
|
213
213
|
0% {
|
|
214
214
|
transform: translateZ(0) translateX(0) translateY(0);
|
|
215
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
215
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
216
216
|
}
|
|
217
217
|
|
|
218
218
|
100% {
|
|
219
219
|
transform: translateZ(50px) translateX(-12px) translateY(12px);
|
|
220
|
-
box-shadow: 12px -12px 20px -12px rgb(0 0 0 / 35
|
|
220
|
+
box-shadow: 12px -12px 20px -12px rgb(0 0 0 / 0.35);
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
223
|
}
|
|
@@ -227,12 +227,12 @@
|
|
|
227
227
|
@include keyframes(shadow-drop-2-right) {
|
|
228
228
|
0% {
|
|
229
229
|
transform: translateZ(0) translateX(0);
|
|
230
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
230
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
231
231
|
}
|
|
232
232
|
|
|
233
233
|
100% {
|
|
234
234
|
transform: translateZ(50px) translateX(-12px);
|
|
235
|
-
box-shadow: 12px 0 20px -12px rgb(0 0 0 / 35
|
|
235
|
+
box-shadow: 12px 0 20px -12px rgb(0 0 0 / 0.35);
|
|
236
236
|
}
|
|
237
237
|
}
|
|
238
238
|
}
|
|
@@ -242,12 +242,12 @@
|
|
|
242
242
|
@include keyframes(shadow-drop-2-br) {
|
|
243
243
|
0% {
|
|
244
244
|
transform: translateZ(0) translateX(0) translateY(0);
|
|
245
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
245
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
246
246
|
}
|
|
247
247
|
|
|
248
248
|
100% {
|
|
249
249
|
transform: translateZ(50px) translateX(-12px) translateY(-12px);
|
|
250
|
-
box-shadow: 12px 12px 20px -12px rgb(0 0 0 / 35
|
|
250
|
+
box-shadow: 12px 12px 20px -12px rgb(0 0 0 / 0.35);
|
|
251
251
|
}
|
|
252
252
|
}
|
|
253
253
|
}
|
|
@@ -257,12 +257,12 @@
|
|
|
257
257
|
@include keyframes(shadow-drop-2-bottom) {
|
|
258
258
|
0% {
|
|
259
259
|
transform: translateZ(0) translateY(0);
|
|
260
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
260
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
261
261
|
}
|
|
262
262
|
|
|
263
263
|
100% {
|
|
264
264
|
transform: translateZ(50px) translateY(-12px);
|
|
265
|
-
box-shadow: 0 12px 20px -12px rgb(0 0 0 / 35
|
|
265
|
+
box-shadow: 0 12px 20px -12px rgb(0 0 0 / 0.35);
|
|
266
266
|
}
|
|
267
267
|
}
|
|
268
268
|
}
|
|
@@ -272,12 +272,12 @@
|
|
|
272
272
|
@include keyframes(shadow-drop-2-bl) {
|
|
273
273
|
0% {
|
|
274
274
|
transform: translateZ(0) translateX(0) translateY(0);
|
|
275
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
275
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
276
276
|
}
|
|
277
277
|
|
|
278
278
|
100% {
|
|
279
279
|
transform: translateZ(50px) translateX(12px) translateY(-12px);
|
|
280
|
-
box-shadow: -12px 12px 20px -12px rgb(0 0 0 / 35
|
|
280
|
+
box-shadow: -12px 12px 20px -12px rgb(0 0 0 / 0.35);
|
|
281
281
|
}
|
|
282
282
|
}
|
|
283
283
|
}
|
|
@@ -287,12 +287,12 @@
|
|
|
287
287
|
@include keyframes(shadow-drop-2-left) {
|
|
288
288
|
0% {
|
|
289
289
|
transform: translateZ(0) translateX(0);
|
|
290
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
290
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
291
291
|
}
|
|
292
292
|
|
|
293
293
|
100% {
|
|
294
294
|
transform: translateZ(50px) translateX(12px);
|
|
295
|
-
box-shadow: -12px 0 20px -12px rgb(0 0 0 / 35
|
|
295
|
+
box-shadow: -12px 0 20px -12px rgb(0 0 0 / 0.35);
|
|
296
296
|
}
|
|
297
297
|
}
|
|
298
298
|
}
|
|
@@ -302,12 +302,12 @@
|
|
|
302
302
|
@include keyframes(shadow-drop-2-tl) {
|
|
303
303
|
0% {
|
|
304
304
|
transform: translateZ(0) translateX(0) translateY(0);
|
|
305
|
-
box-shadow: 0 0 0 0 rgb(0 0 0 / 0
|
|
305
|
+
box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
|
|
306
306
|
}
|
|
307
307
|
|
|
308
308
|
100% {
|
|
309
309
|
transform: translateZ(50px) translateX(12px) translateY(12px);
|
|
310
|
-
box-shadow: -12px -12px 20px -12px rgb(0 0 0 / 35
|
|
310
|
+
box-shadow: -12px -12px 20px -12px rgb(0 0 0 / 0.35);
|
|
311
311
|
}
|
|
312
312
|
}
|
|
313
313
|
}
|
|
@@ -318,15 +318,15 @@
|
|
|
318
318
|
0% {
|
|
319
319
|
transform: translateZ(0);
|
|
320
320
|
box-shadow:
|
|
321
|
-
0 0 0 0 rgb(0 0 0 / 0
|
|
322
|
-
0 0 0 0 rgb(0 0 0 / 0
|
|
321
|
+
0 0 0 0 rgb(0 0 0 / 0),
|
|
322
|
+
0 0 0 0 rgb(0 0 0 / 0);
|
|
323
323
|
}
|
|
324
324
|
|
|
325
325
|
100% {
|
|
326
326
|
transform: translateZ(50px);
|
|
327
327
|
box-shadow:
|
|
328
|
-
-12px 0 20px -12px rgb(0 0 0 / 35
|
|
329
|
-
12px 0 20px -12px rgb(0 0 0 / 35
|
|
328
|
+
-12px 0 20px -12px rgb(0 0 0 / 0.35),
|
|
329
|
+
12px 0 20px -12px rgb(0 0 0 / 0.35);
|
|
330
330
|
}
|
|
331
331
|
}
|
|
332
332
|
}
|
|
@@ -460,14 +460,14 @@
|
|
|
460
460
|
@include keyframes(shadow-inset-tb) {
|
|
461
461
|
0% {
|
|
462
462
|
box-shadow:
|
|
463
|
-
inset 0 0 0 0 rgb(0 0 0 / 0
|
|
464
|
-
inset 0 0 0 0 rgb(0 0 0 / 0
|
|
463
|
+
inset 0 0 0 0 rgb(0 0 0 / 0),
|
|
464
|
+
inset 0 0 0 0 rgb(0 0 0 / 0);
|
|
465
465
|
}
|
|
466
466
|
|
|
467
467
|
100% {
|
|
468
468
|
box-shadow:
|
|
469
|
-
inset 0 -6px 14px -6px rgb(0 0 0 /
|
|
470
|
-
inset 0 6px 14px -6px rgb(0 0 0 /
|
|
469
|
+
inset 0 -6px 14px -6px rgb(0 0 0 / 0.5),
|
|
470
|
+
inset 0 6px 14px -6px rgb(0 0 0 / 0.5);
|
|
471
471
|
}
|
|
472
472
|
}
|
|
473
473
|
}
|
|
@@ -476,11 +476,11 @@
|
|
|
476
476
|
@mixin shadow-inset-top {
|
|
477
477
|
@include keyframes(shadow-inset-top) {
|
|
478
478
|
0% {
|
|
479
|
-
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0
|
|
479
|
+
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
|
|
480
480
|
}
|
|
481
481
|
|
|
482
482
|
100% {
|
|
483
|
-
box-shadow: inset 0 6px 14px -6px rgb(0 0 0 /
|
|
483
|
+
box-shadow: inset 0 6px 14px -6px rgb(0 0 0 / 0.5);
|
|
484
484
|
}
|
|
485
485
|
}
|
|
486
486
|
}
|
|
@@ -489,11 +489,11 @@
|
|
|
489
489
|
@mixin shadow-inset-center {
|
|
490
490
|
@include keyframes(shadow-inset-center) {
|
|
491
491
|
0% {
|
|
492
|
-
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0
|
|
492
|
+
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
|
|
493
493
|
}
|
|
494
494
|
|
|
495
495
|
100% {
|
|
496
|
-
box-shadow: inset 0 0 14px 0 rgb(0 0 0 /
|
|
496
|
+
box-shadow: inset 0 0 14px 0 rgb(0 0 0 / 0.5);
|
|
497
497
|
}
|
|
498
498
|
}
|
|
499
499
|
}
|
|
@@ -502,11 +502,11 @@
|
|
|
502
502
|
@mixin shadow-inset-tr {
|
|
503
503
|
@include keyframes(shadow-inset-tr) {
|
|
504
504
|
0% {
|
|
505
|
-
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0
|
|
505
|
+
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
|
|
506
506
|
}
|
|
507
507
|
|
|
508
508
|
100% {
|
|
509
|
-
box-shadow: inset -6px 6px 14px -6px rgb(0 0 0 /
|
|
509
|
+
box-shadow: inset -6px 6px 14px -6px rgb(0 0 0 / 0.5);
|
|
510
510
|
}
|
|
511
511
|
}
|
|
512
512
|
}
|
|
@@ -515,11 +515,11 @@
|
|
|
515
515
|
@mixin shadow-inset-right {
|
|
516
516
|
@include keyframes(shadow-inset-right) {
|
|
517
517
|
0% {
|
|
518
|
-
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0
|
|
518
|
+
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
|
|
519
519
|
}
|
|
520
520
|
|
|
521
521
|
100% {
|
|
522
|
-
box-shadow: inset -6px 0 14px -6px rgb(0 0 0 /
|
|
522
|
+
box-shadow: inset -6px 0 14px -6px rgb(0 0 0 / 0.5);
|
|
523
523
|
}
|
|
524
524
|
}
|
|
525
525
|
}
|
|
@@ -528,11 +528,11 @@
|
|
|
528
528
|
@mixin shadow-inset-br {
|
|
529
529
|
@include keyframes(shadow-inset-br) {
|
|
530
530
|
0% {
|
|
531
|
-
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0
|
|
531
|
+
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
|
|
532
532
|
}
|
|
533
533
|
|
|
534
534
|
100% {
|
|
535
|
-
box-shadow: inset -6px -6px 14px -6px rgb(0 0 0 /
|
|
535
|
+
box-shadow: inset -6px -6px 14px -6px rgb(0 0 0 / 0.5);
|
|
536
536
|
}
|
|
537
537
|
}
|
|
538
538
|
}
|
|
@@ -541,11 +541,11 @@
|
|
|
541
541
|
@mixin shadow-inset-bottom {
|
|
542
542
|
@include keyframes(shadow-inset-bottom) {
|
|
543
543
|
0% {
|
|
544
|
-
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0
|
|
544
|
+
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
|
|
545
545
|
}
|
|
546
546
|
|
|
547
547
|
100% {
|
|
548
|
-
box-shadow: inset 0 -6px 14px -6px rgb(0 0 0 /
|
|
548
|
+
box-shadow: inset 0 -6px 14px -6px rgb(0 0 0 / 0.5);
|
|
549
549
|
}
|
|
550
550
|
}
|
|
551
551
|
}
|
|
@@ -554,11 +554,11 @@
|
|
|
554
554
|
@mixin shadow-inset-bl {
|
|
555
555
|
@include keyframes(shadow-inset-bl) {
|
|
556
556
|
0% {
|
|
557
|
-
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0
|
|
557
|
+
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
|
|
558
558
|
}
|
|
559
559
|
|
|
560
560
|
100% {
|
|
561
|
-
box-shadow: inset 6px -6px 14px -6px rgb(0 0 0 /
|
|
561
|
+
box-shadow: inset 6px -6px 14px -6px rgb(0 0 0 / 0.5);
|
|
562
562
|
}
|
|
563
563
|
}
|
|
564
564
|
}
|
|
@@ -567,11 +567,11 @@
|
|
|
567
567
|
@mixin shadow-inset-left {
|
|
568
568
|
@include keyframes(shadow-inset-left) {
|
|
569
569
|
0% {
|
|
570
|
-
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0
|
|
570
|
+
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
|
|
571
571
|
}
|
|
572
572
|
|
|
573
573
|
100% {
|
|
574
|
-
box-shadow: inset 6px 0 14px -6px rgb(0 0 0 /
|
|
574
|
+
box-shadow: inset 6px 0 14px -6px rgb(0 0 0 / 0.5);
|
|
575
575
|
}
|
|
576
576
|
}
|
|
577
577
|
}
|
|
@@ -580,11 +580,11 @@
|
|
|
580
580
|
@mixin shadow-inset-tl {
|
|
581
581
|
@include keyframes(shadow-inset-tl) {
|
|
582
582
|
0% {
|
|
583
|
-
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0
|
|
583
|
+
box-shadow: inset 0 0 0 0 rgb(0 0 0 / 0);
|
|
584
584
|
}
|
|
585
585
|
|
|
586
586
|
100% {
|
|
587
|
-
box-shadow: inset 6px 6px 14px -6px rgb(0 0 0 /
|
|
587
|
+
box-shadow: inset 6px 6px 14px -6px rgb(0 0 0 / 0.5);
|
|
588
588
|
}
|
|
589
589
|
}
|
|
590
590
|
}
|
|
@@ -594,14 +594,14 @@
|
|
|
594
594
|
@include keyframes(shadow-inset-lr) {
|
|
595
595
|
0% {
|
|
596
596
|
box-shadow:
|
|
597
|
-
inset 0 0 0 0 rgb(0 0 0 / 0
|
|
598
|
-
inset 0 0 0 0 rgb(0 0 0 / 0
|
|
597
|
+
inset 0 0 0 0 rgb(0 0 0 / 0),
|
|
598
|
+
inset 0 0 0 0 rgb(0 0 0 / 0);
|
|
599
599
|
}
|
|
600
600
|
|
|
601
601
|
100% {
|
|
602
602
|
box-shadow:
|
|
603
|
-
inset -6px 0 14px -6px rgb(0 0 0 /
|
|
604
|
-
inset 6px 0 14px -6px rgb(0 0 0 /
|
|
603
|
+
inset -6px 0 14px -6px rgb(0 0 0 / 0.5),
|
|
604
|
+
inset 6px 0 14px -6px rgb(0 0 0 / 0.5);
|
|
605
605
|
}
|
|
606
606
|
}
|
|
607
607
|
}
|
package/sass/bem/_index.scss
CHANGED
|
@@ -358,7 +358,7 @@ $_enhanced-accessibility: false;
|
|
|
358
358
|
/// @param {Number} $value - The sRGB color
|
|
359
359
|
/// @returns {Number} - The calculated linear channel value
|
|
360
360
|
@function _lcv($value) {
|
|
361
|
-
|
|
361
|
+
// stylelint-disable number-max-precision
|
|
362
362
|
@return if($value < 0.03928, math.div($value, 12.92), math.pow(math.div($value + 0.055, 1.055), 2.4));
|
|
363
363
|
}
|
|
364
364
|
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@use '../mixins' as *;
|
|
2
|
+
@use '../../color/functions' as color;
|
|
2
3
|
@use './category-chart-theme' as *;
|
|
3
4
|
@use './data-chart-theme' as *;
|
|
4
5
|
@use './doughnut-chart-theme' as *;
|
|
@@ -12,6 +13,15 @@
|
|
|
12
13
|
@use './sparkline-theme' as *;
|
|
13
14
|
|
|
14
15
|
@mixin chart-themes($schema, $target: 'angular') {
|
|
16
|
+
:root {
|
|
17
|
+
@include css-vars-from-theme(
|
|
18
|
+
(
|
|
19
|
+
chart-brushes: color.chart-brushes(),
|
|
20
|
+
),
|
|
21
|
+
'ig'
|
|
22
|
+
);
|
|
23
|
+
}
|
|
24
|
+
|
|
15
25
|
@include css-vars(category-chart-theme($schema: $schema, $target: $target));
|
|
16
26
|
@include css-vars(data-chart-theme($schema: $schema, $target: $target));
|
|
17
27
|
@include css-vars(doughnut-chart-theme($schema: $schema, $target: $target));
|