@acorex/styles 5.5.0 → 5.8.0
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/src/base/index.scss +0 -1
- package/src/components/_alert.scss +326 -38
- package/src/components/_button.scss +541 -390
- package/src/components/_calendar.scss +36 -18
- package/src/components/_collapse.scss +5 -4
- package/src/components/_color-palette.scss +90 -9
- package/src/components/_data-table.scss +41 -0
- package/src/components/_datapager.scss +35 -26
- package/src/components/_decoration.scss +16 -11
- package/src/components/_dialog.scss +2 -2
- package/src/components/_drawer.scss +13 -5
- package/src/components/_dropdown.scss +10 -2
- package/src/components/_editor-container.scss +10 -5
- package/src/components/_fieldset.scss +1 -1
- package/src/components/_list.scss +4 -0
- package/src/components/_popup.scss +9 -1
- package/src/components/_range-slider.scss +59 -2
- package/src/components/_table.scss +40 -7
- package/src/components/_tabs.scss +12 -8
- package/src/components/index.scss +2 -1
- package/src/icons/demo-files/demo.css +152 -152
- package/src/icons/demo-files/demo.js +30 -30
- package/src/icons/demo.html +57 -1
- package/src/icons/fonts/acorex-icon.eot +0 -0
- package/src/icons/fonts/acorex-icon.svg +4 -0
- package/src/icons/fonts/acorex-icon.ttf +0 -0
- package/src/icons/fonts/acorex-icon.woff +0 -0
- package/src/icons/selection.json +1 -1
- package/src/icons/style.css +17 -5
- package/src/icons/style.scss +25 -5
- package/src/icons/variables.scss +4 -0
- package/src/utility/_mixins.scss +32 -25
- package/src/utility/index.scss +7 -0
- package/src/variables/_colors.scss +15 -14
package/package.json
CHANGED
package/src/base/index.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@layer components {
|
|
2
2
|
ax-alert {
|
|
3
|
-
@apply ax-relative ax-w-full ax-flex ax-flex-col ax-bg-light-100 ax-text-light-fore ax-rounded ax-overflow-hidden;
|
|
3
|
+
@apply ax-relative ax-w-full ax-flex ax-flex-col ax-bg-light-100 ax-text-light-fore ax-rounded ax-overflow-hidden ax-text-sm;
|
|
4
4
|
transition: visibility 0s, opacity 0.5s ease-in-out;
|
|
5
5
|
|
|
6
6
|
&.ax-state-hidden {
|
|
@@ -13,19 +13,24 @@
|
|
|
13
13
|
opacity: 1;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
@apply ax-px-3.5 ax-py-3 ax-bg-transparent ax-border-none ax-justify-start
|
|
18
|
-
|
|
19
|
-
@apply ax-
|
|
16
|
+
ax-header {
|
|
17
|
+
@apply ax-flex ax-px-3.5 ax-items-center ax-py-3 ax-bg-transparent ax-border-none ax-justify-start;
|
|
18
|
+
ax-icon {
|
|
19
|
+
@apply ax-text-2xl;
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
|
+
|
|
22
23
|
.ax-alert-body {
|
|
23
|
-
@apply ax-flex-1 ax-p-3.5
|
|
24
|
+
@apply ax-flex-1 ax-p-3.5;
|
|
24
25
|
ax-icon {
|
|
25
26
|
@apply ax-me-3 ax-text-2xl;
|
|
26
27
|
}
|
|
27
|
-
|
|
28
|
-
|
|
28
|
+
ax-button {
|
|
29
|
+
--ax-base-size: 6px;
|
|
30
|
+
@apply ax-ring-offset-0 #{!important};
|
|
31
|
+
}
|
|
32
|
+
ax-content {
|
|
33
|
+
@apply ax-flex ax-items-center ax-break-words ax-whitespace-pre;
|
|
29
34
|
|
|
30
35
|
ul {
|
|
31
36
|
@apply ax-my-2 ax-ms-5 ax-list-disc;
|
|
@@ -42,65 +47,348 @@
|
|
|
42
47
|
|
|
43
48
|
ax-suffix {
|
|
44
49
|
@apply ax-block;
|
|
50
|
+
|
|
45
51
|
ax-button {
|
|
46
52
|
@apply ax-ms-2 #{!important};
|
|
47
53
|
}
|
|
48
54
|
}
|
|
49
55
|
|
|
50
56
|
ax-footer {
|
|
51
|
-
@apply ax-bg-transparent ax-
|
|
52
|
-
|
|
57
|
+
@apply ax-bg-transparent ax-p-0 ax-mt-3;
|
|
58
|
+
|
|
53
59
|
ax-suffix {
|
|
54
|
-
ax-button{
|
|
60
|
+
ax-button {
|
|
55
61
|
@apply ax-ms-0 ax-me-2 #{!important};
|
|
56
62
|
}
|
|
63
|
+
|
|
57
64
|
@apply ax-mt-3;
|
|
58
65
|
}
|
|
59
66
|
}
|
|
60
67
|
}
|
|
61
|
-
&.ax-light-default {
|
|
62
68
|
|
|
69
|
+
.ax-alert-progress {
|
|
70
|
+
@apply ax-absolute ax-start-0 ax-bottom-0 ax-h-1.5 ax-w-0;
|
|
71
|
+
animation-duration: 4s;
|
|
72
|
+
animation-timing-function: linear;
|
|
73
|
+
animation-name: progressBar;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
@keyframes progressBar {
|
|
77
|
+
0% {
|
|
78
|
+
width: 100%;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
100% {
|
|
82
|
+
width: 0%;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
// @include button-on-colorful-bg();
|
|
87
|
+
|
|
88
|
+
// @include color-look-generator();
|
|
89
|
+
|
|
90
|
+
// primary
|
|
91
|
+
&.ax-primary-default {
|
|
92
|
+
@apply ax-bg-primary-500 ax-text-primary-fore dark:ax-bg-primary-800 dark:ax-text-primary-100;
|
|
63
93
|
ax-header {
|
|
64
|
-
@apply ax-bg-
|
|
94
|
+
@apply ax-bg-primary-600;
|
|
65
95
|
}
|
|
66
|
-
.ax-alert-
|
|
67
|
-
@
|
|
96
|
+
.ax-alert-progress {
|
|
97
|
+
@apply ax-bg-primary-800 dark:ax-bg-primary-500;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
&.ax-primary-twotone {
|
|
101
|
+
@apply ax-bg-primary-100 ax-text-primary-500 dark:ax-bg-primary-800 dark:ax-text-primary-100;
|
|
102
|
+
ax-header {
|
|
103
|
+
@apply ax-bg-primary-200 dark:ax-bg-primary-600;
|
|
68
104
|
}
|
|
69
105
|
.ax-alert-progress {
|
|
70
|
-
@apply ax-
|
|
106
|
+
@apply ax-bg-primary-300 dark:ax-bg-primary-500;
|
|
71
107
|
}
|
|
72
108
|
}
|
|
73
|
-
&.ax-
|
|
74
|
-
ax-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
}
|
|
109
|
+
&.ax-primary-outline {
|
|
110
|
+
@apply ax-bg-transparent ax-text-primary-500 ax-border ax-border-primary-500 dark:ax-border-primary-400 dark:ax-text-primary-300;
|
|
111
|
+
ax-header {
|
|
112
|
+
@apply ax-bg-primary-100 dark:ax-bg-transparent;
|
|
113
|
+
}
|
|
114
|
+
.ax-alert-progress {
|
|
115
|
+
@apply ax-bg-primary-500 ax-h-1 dark:ax-bg-primary-400;
|
|
81
116
|
}
|
|
82
117
|
}
|
|
83
|
-
|
|
118
|
+
&.ax-primary-blank {
|
|
119
|
+
@apply ax-bg-transparent ax-text-primary-500 dark:ax-text-primary-300 ax-rounded-none;
|
|
120
|
+
ax-header {
|
|
121
|
+
@apply ax-border-b ax-border-solid ax-border-primary-200 dark:ax-border-primary-800;
|
|
122
|
+
}
|
|
84
123
|
.ax-alert-progress {
|
|
85
|
-
@apply ax-bg-
|
|
124
|
+
@apply ax-bg-primary-200 dark:ax-bg-primary-800;
|
|
86
125
|
}
|
|
87
126
|
}
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
127
|
+
|
|
128
|
+
// secondary
|
|
129
|
+
&.ax-secondary-default {
|
|
130
|
+
@apply ax-bg-secondary-500 ax-text-secondary-fore dark:ax-bg-secondary-800 dark:ax-text-secondary-100;
|
|
131
|
+
ax-header {
|
|
132
|
+
@apply ax-bg-secondary-600;
|
|
133
|
+
}
|
|
134
|
+
.ax-alert-progress {
|
|
135
|
+
@apply ax-bg-secondary-800 dark:ax-bg-secondary-500;
|
|
136
|
+
}
|
|
93
137
|
}
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
138
|
+
&.ax-secondary-twotone {
|
|
139
|
+
@apply ax-bg-secondary-100 ax-text-secondary-500 dark:ax-bg-secondary-800 dark:ax-text-secondary-100;
|
|
140
|
+
ax-header {
|
|
141
|
+
@apply ax-bg-secondary-200 dark:ax-bg-secondary-600;
|
|
97
142
|
}
|
|
98
|
-
|
|
99
|
-
|
|
143
|
+
.ax-alert-progress {
|
|
144
|
+
@apply ax-bg-secondary-300 dark:ax-bg-secondary-500;
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
&.ax-secondary-outline {
|
|
148
|
+
@apply ax-bg-transparent ax-text-secondary-500 ax-border ax-border-secondary-500 dark:ax-border-secondary-400 dark:ax-text-secondary-300;
|
|
149
|
+
ax-header {
|
|
150
|
+
@apply ax-bg-secondary-100 dark:ax-bg-transparent;
|
|
151
|
+
}
|
|
152
|
+
.ax-alert-progress {
|
|
153
|
+
@apply ax-bg-secondary-500 ax-h-1 dark:ax-bg-secondary-400;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
&.ax-secondary-blank {
|
|
157
|
+
@apply ax-bg-transparent ax-text-secondary-500 dark:ax-text-secondary-300 ax-rounded-none;
|
|
158
|
+
ax-header {
|
|
159
|
+
@apply ax-border-b ax-border-solid ax-border-secondary-200 dark:ax-border-secondary-800;
|
|
160
|
+
}
|
|
161
|
+
.ax-alert-progress {
|
|
162
|
+
@apply ax-bg-secondary-200 dark:ax-bg-secondary-800;
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
// success
|
|
167
|
+
&.ax-success-default {
|
|
168
|
+
@apply ax-bg-success-500 ax-text-success-fore dark:ax-bg-success-800 dark:ax-text-success-100;
|
|
169
|
+
ax-header {
|
|
170
|
+
@apply ax-bg-success-600;
|
|
171
|
+
}
|
|
172
|
+
.ax-alert-progress {
|
|
173
|
+
@apply ax-bg-success-800 dark:ax-bg-success-500;
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
&.ax-success-twotone {
|
|
177
|
+
@apply ax-bg-success-100 ax-text-success-500 dark:ax-bg-success-800 dark:ax-text-success-100;
|
|
178
|
+
ax-header {
|
|
179
|
+
@apply ax-bg-success-200 dark:ax-bg-success-600;
|
|
180
|
+
}
|
|
181
|
+
.ax-alert-progress {
|
|
182
|
+
@apply ax-bg-success-300 dark:ax-bg-success-500;
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
&.ax-success-outline {
|
|
186
|
+
@apply ax-bg-transparent ax-text-success-500 ax-border ax-border-success-500 dark:ax-border-success-400 dark:ax-text-success-300;
|
|
187
|
+
ax-header {
|
|
188
|
+
@apply ax-bg-success-100 dark:ax-bg-transparent;
|
|
189
|
+
}
|
|
190
|
+
.ax-alert-progress {
|
|
191
|
+
@apply ax-bg-success-500 ax-h-1 dark:ax-bg-success-400;
|
|
192
|
+
}
|
|
193
|
+
}
|
|
194
|
+
&.ax-success-blank {
|
|
195
|
+
@apply ax-bg-transparent ax-text-success-500 dark:ax-text-success-300 ax-rounded-none;
|
|
196
|
+
ax-header {
|
|
197
|
+
@apply ax-border-b ax-border-solid ax-border-success-200 dark:ax-border-success-800;
|
|
198
|
+
}
|
|
199
|
+
.ax-alert-progress {
|
|
200
|
+
@apply ax-bg-success-200 dark:ax-bg-success-800;
|
|
100
201
|
}
|
|
101
202
|
}
|
|
102
|
-
@include button-on-colorful-bg();
|
|
103
203
|
|
|
104
|
-
|
|
204
|
+
// warning
|
|
205
|
+
&.ax-warning-default {
|
|
206
|
+
@apply ax-bg-warning-800 ax-text-warning-fore dark:ax-bg-warning-800;
|
|
207
|
+
ax-header {
|
|
208
|
+
@apply ax-bg-warning-600;
|
|
209
|
+
}
|
|
210
|
+
.ax-alert-progress {
|
|
211
|
+
@apply ax-bg-warning-800 dark:ax-bg-warning-500;
|
|
212
|
+
}
|
|
213
|
+
}
|
|
214
|
+
&.ax-warning-twotone {
|
|
215
|
+
@apply ax-bg-warning-100 ax-text-warning-900 dark:ax-bg-warning-800 dark:ax-text-warning-fore;
|
|
216
|
+
ax-header {
|
|
217
|
+
@apply ax-bg-warning-200 dark:ax-bg-warning-600;
|
|
218
|
+
}
|
|
219
|
+
.ax-alert-progress {
|
|
220
|
+
@apply ax-bg-warning-300 dark:ax-bg-warning-500;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
}
|
|
224
|
+
&.ax-warning-outline {
|
|
225
|
+
@apply ax-bg-transparent ax-text-warning-900 ax-border ax-border-warning-500 dark:ax-border-warning-400 dark:ax-text-warning-300;
|
|
226
|
+
ax-header {
|
|
227
|
+
@apply ax-bg-warning-100 dark:ax-bg-transparent;
|
|
228
|
+
}
|
|
229
|
+
.ax-alert-progress {
|
|
230
|
+
@apply ax-bg-warning-500 ax-h-1 dark:ax-bg-warning-400;
|
|
231
|
+
}
|
|
232
|
+
}
|
|
233
|
+
&.ax-warning-blank {
|
|
234
|
+
@apply ax-bg-transparent ax-text-warning-500 dark:ax-text-warning-300 ax-rounded-none;
|
|
235
|
+
ax-header {
|
|
236
|
+
@apply ax-border-b ax-border-solid ax-border-warning-200 dark:ax-border-warning-800;
|
|
237
|
+
}
|
|
238
|
+
.ax-alert-progress {
|
|
239
|
+
@apply ax-bg-warning-200 dark:ax-bg-warning-800;
|
|
240
|
+
}
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
// danger
|
|
244
|
+
&.ax-danger-default {
|
|
245
|
+
@apply ax-bg-danger-500 ax-text-danger-fore dark:ax-bg-danger-800 dark:ax-text-danger-100;
|
|
246
|
+
ax-header {
|
|
247
|
+
@apply ax-bg-danger-600;
|
|
248
|
+
}
|
|
249
|
+
.ax-alert-progress {
|
|
250
|
+
@apply ax-bg-danger-800 dark:ax-bg-danger-500;
|
|
251
|
+
}
|
|
252
|
+
}
|
|
253
|
+
&.ax-danger-twotone {
|
|
254
|
+
@apply ax-bg-danger-100 ax-text-danger-500 dark:ax-bg-danger-800 dark:ax-text-danger-100;
|
|
255
|
+
ax-header {
|
|
256
|
+
@apply ax-bg-danger-200 dark:ax-bg-danger-600;
|
|
257
|
+
}
|
|
258
|
+
.ax-alert-progress {
|
|
259
|
+
@apply ax-bg-danger-300 dark:ax-bg-danger-500;
|
|
260
|
+
}
|
|
261
|
+
}
|
|
262
|
+
&.ax-danger-outline {
|
|
263
|
+
@apply ax-bg-transparent ax-text-danger-500 ax-border ax-border-danger-500 dark:ax-border-danger-400 dark:ax-text-danger-300;
|
|
264
|
+
ax-header {
|
|
265
|
+
@apply ax-bg-danger-100 dark:ax-bg-transparent;
|
|
266
|
+
}
|
|
267
|
+
.ax-alert-progress {
|
|
268
|
+
@apply ax-bg-danger-500 ax-h-1 dark:ax-bg-danger-400;
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
&.ax-danger-blank {
|
|
272
|
+
@apply ax-bg-transparent ax-text-danger-500 dark:ax-text-danger-300 ax-rounded-none;
|
|
273
|
+
ax-header {
|
|
274
|
+
@apply ax-border-b ax-border-solid ax-border-danger-200 dark:ax-border-danger-800;
|
|
275
|
+
}
|
|
276
|
+
.ax-alert-progress {
|
|
277
|
+
@apply ax-bg-danger-200 dark:ax-bg-danger-800;
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
// info
|
|
282
|
+
&.ax-info-default {
|
|
283
|
+
@apply ax-bg-info-500 ax-text-info-fore dark:ax-bg-info-800 dark:ax-text-info-100;
|
|
284
|
+
ax-header {
|
|
285
|
+
@apply ax-bg-info-600;
|
|
286
|
+
}
|
|
287
|
+
.ax-alert-progress {
|
|
288
|
+
@apply ax-bg-info-800 dark:ax-bg-info-500;
|
|
289
|
+
}
|
|
290
|
+
}
|
|
291
|
+
&.ax-info-twotone {
|
|
292
|
+
@apply ax-bg-info-100 ax-text-info-500 dark:ax-bg-info-800 dark:ax-text-info-100;
|
|
293
|
+
ax-header {
|
|
294
|
+
@apply ax-bg-info-200 dark:ax-bg-info-600;
|
|
295
|
+
}
|
|
296
|
+
.ax-alert-progress {
|
|
297
|
+
@apply ax-bg-info-300 dark:ax-bg-info-500;
|
|
298
|
+
}
|
|
299
|
+
}
|
|
300
|
+
&.ax-info-outline {
|
|
301
|
+
@apply ax-bg-transparent ax-text-info-500 ax-border ax-border-info-500 dark:ax-border-info-400 dark:ax-text-info-300;
|
|
302
|
+
ax-header {
|
|
303
|
+
@apply ax-bg-info-100 dark:ax-bg-transparent;
|
|
304
|
+
}
|
|
305
|
+
.ax-alert-progress {
|
|
306
|
+
@apply ax-bg-info-500 ax-h-1 dark:ax-bg-info-400;
|
|
307
|
+
}
|
|
308
|
+
}
|
|
309
|
+
&.ax-info-blank {
|
|
310
|
+
@apply ax-bg-transparent ax-text-info-500 dark:ax-text-info-300 ax-rounded-none;
|
|
311
|
+
ax-header {
|
|
312
|
+
@apply ax-border-b ax-border-solid ax-border-info-200 dark:ax-border-info-800;
|
|
313
|
+
}
|
|
314
|
+
.ax-alert-progress {
|
|
315
|
+
@apply ax-bg-info-200 dark:ax-bg-info-800;
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
// light
|
|
320
|
+
&.ax-light-default {
|
|
321
|
+
@apply ax-bg-light-100 dark:ax-bg-light-800 ax-text-light-fore dark:ax-text-light-100 ax-border ax-border-light-200 dark:ax-border-light-900;
|
|
322
|
+
ax-header {
|
|
323
|
+
@apply ax-bg-light-200 dark:ax-bg-light-600 ;
|
|
324
|
+
}
|
|
325
|
+
.ax-alert-progress {
|
|
326
|
+
@apply ax-bg-light-300 dark:ax-bg-light-600;
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
&.ax-light-twotone {
|
|
330
|
+
@apply ax-bg-light-100 ax-text-light-500 dark:ax-bg-light-800 dark:ax-text-light-100;
|
|
331
|
+
ax-header {
|
|
332
|
+
@apply ax-bg-light-200 dark:ax-bg-light-600 ;
|
|
333
|
+
}
|
|
334
|
+
.ax-alert-progress {
|
|
335
|
+
@apply ax-bg-light-300 dark:ax-bg-light-600;
|
|
336
|
+
}
|
|
337
|
+
}
|
|
338
|
+
&.ax-light-outline {
|
|
339
|
+
@apply ax-bg-transparent ax-text-light-500 ax-border ax-border-light-200 dark:ax-border-light-400 dark:ax-text-light-300;
|
|
340
|
+
ax-header {
|
|
341
|
+
@apply ax-bg-light-100;
|
|
342
|
+
}
|
|
343
|
+
.ax-alert-progress {
|
|
344
|
+
@apply ax-bg-light-300;
|
|
345
|
+
}
|
|
346
|
+
}
|
|
347
|
+
&.ax-light-blank {
|
|
348
|
+
@apply ax-bg-transparent ax-text-light-500 dark:ax-text-light-300;
|
|
349
|
+
ax-header {
|
|
350
|
+
@apply ax-border-b ax-border-solid ax-border-light-200 dark:ax-border-light-500;
|
|
351
|
+
}
|
|
352
|
+
.ax-alert-progress {
|
|
353
|
+
@apply ax-bg-light-200 dark:ax-bg-light-500;
|
|
354
|
+
}
|
|
355
|
+
}
|
|
356
|
+
// dark
|
|
357
|
+
&.ax-dark-default {
|
|
358
|
+
@apply ax-bg-dark-500 ax-text-dark-fore dark:ax-bg-dark-800 dark:ax-text-dark-100;
|
|
359
|
+
ax-header {
|
|
360
|
+
@apply ax-bg-dark-600;
|
|
361
|
+
}
|
|
362
|
+
.ax-alert-progress {
|
|
363
|
+
@apply ax-bg-dark-600;
|
|
364
|
+
}
|
|
365
|
+
}
|
|
366
|
+
&.ax-dark-twotone {
|
|
367
|
+
@apply ax-bg-dark-100 ax-text-dark-500 dark:ax-bg-dark-800 dark:ax-text-dark-100;
|
|
368
|
+
ax-header {
|
|
369
|
+
@apply ax-bg-dark-200;
|
|
370
|
+
}
|
|
371
|
+
.ax-alert-progress {
|
|
372
|
+
@apply ax-bg-dark-100;
|
|
373
|
+
}
|
|
374
|
+
}
|
|
375
|
+
&.ax-dark-outline {
|
|
376
|
+
@apply ax-bg-transparent ax-text-dark-500 ax-border ax-border-dark-100 dark:ax-border-dark-400 dark:ax-text-dark-300;
|
|
377
|
+
ax-header {
|
|
378
|
+
@apply ax-bg-dark-50;
|
|
379
|
+
}
|
|
380
|
+
.ax-alert-progress {
|
|
381
|
+
@apply ax-bg-dark-100;
|
|
382
|
+
}
|
|
383
|
+
}
|
|
384
|
+
&.ax-dark-blank {
|
|
385
|
+
@apply ax-bg-transparent ax-text-dark-500 dark:ax-text-dark-100;
|
|
386
|
+
ax-header {
|
|
387
|
+
@apply ax-border-b ax-border-solid ax-border-dark-200 dark:ax-border-dark-200;
|
|
388
|
+
}
|
|
389
|
+
.ax-alert-progress {
|
|
390
|
+
@apply ax-bg-dark-200 dark:ax-bg-dark-200;
|
|
391
|
+
}
|
|
392
|
+
}
|
|
105
393
|
}
|
|
106
394
|
}
|