@acorex/styles 7.17.13 → 7.17.15

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/index.css CHANGED
@@ -1,4 +1,360 @@
1
1
  @import '@angular/cdk/overlay-prebuilt.css';
2
+ /*
3
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
4
+ 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
5
+ */
6
+ *,
7
+ ::before,
8
+ ::after {
9
+ box-sizing: border-box; /* 1 */
10
+ border-width: 0; /* 2 */
11
+ border-style: solid; /* 2 */
12
+ border-color: theme("borderColor.DEFAULT", currentColor); /* 2 */
13
+ }
14
+
15
+ ::before,
16
+ ::after {
17
+ --tw-content: "";
18
+ }
19
+
20
+ /*
21
+ 1. Use a consistent sensible line-height in all browsers.
22
+ 2. Prevent adjustments of font size after orientation changes in iOS.
23
+ 3. Use a more readable tab size.
24
+ 4. Use the user's configured `sans` font-family by default.
25
+ 5. Use the user's configured `sans` font-feature-settings by default.
26
+ 6. Use the user's configured `sans` font-variation-settings by default.
27
+ 7. Disable tap highlights on iOS.
28
+ */
29
+ html,
30
+ :host {
31
+ line-height: 1.5; /* 1 */
32
+ -webkit-text-size-adjust: 100%; /* 2 */
33
+ -moz-tab-size: 4; /* 3 */
34
+ tab-size: 4; /* 3 */
35
+ font-family: theme("fontFamily.sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 4 */
36
+ font-feature-settings: theme("fontFamily.sans[1].fontFeatureSettings", normal); /* 5 */
37
+ font-variation-settings: theme("fontFamily.sans[1].fontVariationSettings", normal); /* 6 */
38
+ -webkit-tap-highlight-color: transparent; /* 7 */
39
+ }
40
+
41
+ /*
42
+ 1. Remove the margin in all browsers.
43
+ 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
44
+ */
45
+ body {
46
+ margin: 0; /* 1 */
47
+ line-height: inherit; /* 2 */
48
+ }
49
+
50
+ /*
51
+ 1. Add the correct height in Firefox.
52
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
53
+ 3. Ensure horizontal rules are visible by default.
54
+ */
55
+ hr {
56
+ height: 0; /* 1 */
57
+ color: inherit; /* 2 */
58
+ border-top-width: 1px; /* 3 */
59
+ }
60
+
61
+ /*
62
+ Add the correct text decoration in Chrome, Edge, and Safari.
63
+ */
64
+ abbr:where([title]) {
65
+ text-decoration: underline dotted;
66
+ }
67
+
68
+ /*
69
+ Remove the default font size and weight for headings.
70
+ */
71
+ h1,
72
+ h2,
73
+ h3,
74
+ h4,
75
+ h5,
76
+ h6 {
77
+ font-size: inherit;
78
+ font-weight: inherit;
79
+ }
80
+
81
+ /*
82
+ Reset links to optimize for opt-in styling instead of opt-out.
83
+ */
84
+ a {
85
+ color: inherit;
86
+ text-decoration: inherit;
87
+ }
88
+
89
+ /*
90
+ Add the correct font weight in Edge and Safari.
91
+ */
92
+ b,
93
+ strong {
94
+ font-weight: bolder;
95
+ }
96
+
97
+ /*
98
+ 1. Use the user's configured `mono` font-family by default.
99
+ 2. Use the user's configured `mono` font-feature-settings by default.
100
+ 3. Use the user's configured `mono` font-variation-settings by default.
101
+ 4. Correct the odd `em` font sizing in all browsers.
102
+ */
103
+ code,
104
+ kbd,
105
+ samp,
106
+ pre {
107
+ font-family: theme("fontFamily.mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); /* 1 */
108
+ font-feature-settings: theme("fontFamily.mono[1].fontFeatureSettings", normal); /* 2 */
109
+ font-variation-settings: theme("fontFamily.mono[1].fontVariationSettings", normal); /* 3 */
110
+ font-size: 1em; /* 4 */
111
+ }
112
+
113
+ /*
114
+ Add the correct font size in all browsers.
115
+ */
116
+ small {
117
+ font-size: 80%;
118
+ }
119
+
120
+ /*
121
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
122
+ */
123
+ sub,
124
+ sup {
125
+ font-size: 75%;
126
+ line-height: 0;
127
+ position: relative;
128
+ vertical-align: baseline;
129
+ }
130
+
131
+ sub {
132
+ bottom: -0.25em;
133
+ }
134
+
135
+ sup {
136
+ top: -0.5em;
137
+ }
138
+
139
+ /*
140
+ 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
141
+ 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
142
+ 3. Remove gaps between table borders by default.
143
+ */
144
+ table {
145
+ text-indent: 0; /* 1 */
146
+ border-color: inherit; /* 2 */
147
+ border-collapse: collapse; /* 3 */
148
+ }
149
+
150
+ /*
151
+ 1. Change the font styles in all browsers.
152
+ 2. Remove the margin in Firefox and Safari.
153
+ 3. Remove default padding in all browsers.
154
+ */
155
+ button,
156
+ input,
157
+ optgroup,
158
+ select,
159
+ textarea {
160
+ font-family: inherit; /* 1 */
161
+ font-feature-settings: inherit; /* 1 */
162
+ font-variation-settings: inherit; /* 1 */
163
+ font-size: 100%; /* 1 */
164
+ font-weight: inherit; /* 1 */
165
+ line-height: inherit; /* 1 */
166
+ color: inherit; /* 1 */
167
+ margin: 0; /* 2 */
168
+ padding: 0; /* 3 */
169
+ }
170
+
171
+ /*
172
+ Remove the inheritance of text transform in Edge and Firefox.
173
+ */
174
+ button,
175
+ select {
176
+ text-transform: none;
177
+ }
178
+
179
+ /*
180
+ 1. Correct the inability to style clickable types in iOS and Safari.
181
+ 2. Remove default button styles.
182
+ */
183
+ button,
184
+ [type=button],
185
+ [type=reset],
186
+ [type=submit] {
187
+ -webkit-appearance: button; /* 1 */
188
+ background-color: transparent; /* 2 */
189
+ background-image: none; /* 2 */
190
+ }
191
+
192
+ /*
193
+ Use the modern Firefox focus style for all focusable elements.
194
+ */
195
+ :-moz-focusring {
196
+ outline: auto;
197
+ }
198
+
199
+ /*
200
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
201
+ */
202
+ :-moz-ui-invalid {
203
+ box-shadow: none;
204
+ }
205
+
206
+ /*
207
+ Add the correct vertical alignment in Chrome and Firefox.
208
+ */
209
+ progress {
210
+ vertical-align: baseline;
211
+ }
212
+
213
+ /*
214
+ Correct the cursor style of increment and decrement buttons in Safari.
215
+ */
216
+ ::-webkit-inner-spin-button,
217
+ ::-webkit-outer-spin-button {
218
+ height: auto;
219
+ }
220
+
221
+ /*
222
+ 1. Correct the odd appearance in Chrome and Safari.
223
+ 2. Correct the outline style in Safari.
224
+ */
225
+ [type=search] {
226
+ -webkit-appearance: textfield; /* 1 */
227
+ outline-offset: -2px; /* 2 */
228
+ }
229
+
230
+ /*
231
+ Remove the inner padding in Chrome and Safari on macOS.
232
+ */
233
+ ::-webkit-search-decoration {
234
+ -webkit-appearance: none;
235
+ }
236
+
237
+ /*
238
+ 1. Correct the inability to style clickable types in iOS and Safari.
239
+ 2. Change font properties to `inherit` in Safari.
240
+ */
241
+ ::-webkit-file-upload-button {
242
+ -webkit-appearance: button; /* 1 */
243
+ font: inherit; /* 2 */
244
+ }
245
+
246
+ /*
247
+ Add the correct display in Chrome and Safari.
248
+ */
249
+ summary {
250
+ display: list-item;
251
+ }
252
+
253
+ /*
254
+ Removes the default spacing for appropriate elements.
255
+ */
256
+ blockquote,
257
+ dl,
258
+ dd,
259
+ h1,
260
+ h2,
261
+ h3,
262
+ h4,
263
+ h5,
264
+ h6,
265
+ hr,
266
+ figure,
267
+ p,
268
+ pre {
269
+ margin: 0;
270
+ }
271
+
272
+ fieldset {
273
+ margin: 0;
274
+ padding: 0;
275
+ }
276
+
277
+ legend {
278
+ padding: 0;
279
+ }
280
+
281
+ ol,
282
+ ul,
283
+ menu {
284
+ list-style: none;
285
+ margin: 0;
286
+ padding: 0;
287
+ }
288
+
289
+ dialog {
290
+ padding: 0;
291
+ }
292
+
293
+ /*
294
+ Prevent resizing textareas horizontally by default.
295
+ */
296
+ textarea {
297
+ resize: vertical;
298
+ }
299
+
300
+ /*
301
+ 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
302
+ 2. Set the default placeholder color to the user's configured gray 400 color.
303
+ */
304
+ input::placeholder,
305
+ textarea::placeholder {
306
+ opacity: 1; /* 1 */
307
+ color: theme("colors.gray.400", #9ca3af); /* 2 */
308
+ }
309
+
310
+ /*
311
+ Set the default cursor for buttons.
312
+ */
313
+ button,
314
+ [role=button] {
315
+ cursor: pointer;
316
+ }
317
+
318
+ /*
319
+ Make sure disabled buttons don't get the pointer cursor.
320
+ */
321
+ :disabled {
322
+ cursor: default;
323
+ }
324
+
325
+ /*
326
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
327
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
328
+ This can trigger a poorly considered lint error in some tools but is included by design.
329
+ */
330
+ img,
331
+ svg,
332
+ video,
333
+ canvas,
334
+ audio,
335
+ iframe,
336
+ embed,
337
+ object {
338
+ display: block; /* 1 */
339
+ vertical-align: middle; /* 2 */
340
+ }
341
+
342
+ /*
343
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
344
+ */
345
+ img,
346
+ video {
347
+ max-width: 100%;
348
+ height: auto;
349
+ }
350
+
351
+ /*
352
+ Make elements with the HTML hidden attribute stay hidden by default.
353
+ */
354
+ [hidden] {
355
+ display: none;
356
+ }
357
+
2
358
  :root {
3
359
  --ax-overlay-full-width: 93;
4
360
  --ax-color-white: 255, 255, 255;
@@ -130,7 +486,7 @@ body {
130
486
  color: rgba(var(--ax-color-primary-fore));
131
487
  }
132
488
  .ax-el-ghost-outline .ax-ripple {
133
- background-color: rgba(var(--ax-color-primary-500), 0.3);
489
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
134
490
  }
135
491
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
136
492
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -261,7 +617,7 @@ body {
261
617
  color: rgba(var(--ax-color-primary-fore));
262
618
  }
263
619
  .ax-el-ghost-outline .ax-ripple {
264
- background-color: rgba(var(--ax-color-primary-500), 0.3);
620
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
265
621
  }
266
622
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
267
623
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -398,7 +754,7 @@ body {
398
754
  color: rgba(var(--ax-color-primary-fore));
399
755
  }
400
756
  .ax-el-ghost-outline .ax-ripple {
401
- background-color: rgba(var(--ax-color-primary-500), 0.3);
757
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
402
758
  }
403
759
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
404
760
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -529,7 +885,7 @@ body {
529
885
  color: rgba(var(--ax-color-primary-fore));
530
886
  }
531
887
  .ax-el-ghost-outline .ax-ripple {
532
- background-color: rgba(var(--ax-color-primary-500), 0.3);
888
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
533
889
  }
534
890
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
535
891
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -660,7 +1016,7 @@ body {
660
1016
  color: rgba(var(--ax-color-primary-fore));
661
1017
  }
662
1018
  .ax-el-ghost-outline .ax-ripple {
663
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1019
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
664
1020
  }
665
1021
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
666
1022
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -791,7 +1147,7 @@ body {
791
1147
  color: rgba(var(--ax-color-primary-fore));
792
1148
  }
793
1149
  .ax-el-ghost-outline .ax-ripple {
794
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1150
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
795
1151
  }
796
1152
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
797
1153
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -928,7 +1284,7 @@ body {
928
1284
  color: rgba(var(--ax-color-primary-fore));
929
1285
  }
930
1286
  .ax-el-ghost-outline .ax-ripple {
931
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1287
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
932
1288
  }
933
1289
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
934
1290
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1059,7 +1415,7 @@ body {
1059
1415
  color: rgba(var(--ax-color-primary-fore));
1060
1416
  }
1061
1417
  .ax-el-ghost-outline .ax-ripple {
1062
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1418
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1063
1419
  }
1064
1420
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1065
1421
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1190,7 +1546,7 @@ body {
1190
1546
  color: rgba(var(--ax-color-primary-fore));
1191
1547
  }
1192
1548
  .ax-el-ghost-outline .ax-ripple {
1193
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1549
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1194
1550
  }
1195
1551
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1196
1552
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1321,7 +1677,7 @@ body {
1321
1677
  color: rgba(var(--ax-color-primary-fore));
1322
1678
  }
1323
1679
  .ax-el-ghost-outline .ax-ripple {
1324
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1680
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1325
1681
  }
1326
1682
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1327
1683
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1458,7 +1814,7 @@ body {
1458
1814
  color: rgba(var(--ax-color-primary-fore));
1459
1815
  }
1460
1816
  .ax-el-ghost-outline .ax-ripple {
1461
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1817
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1462
1818
  }
1463
1819
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1464
1820
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1589,7 +1945,7 @@ body {
1589
1945
  color: rgba(var(--ax-color-primary-fore));
1590
1946
  }
1591
1947
  .ax-el-ghost-outline .ax-ripple {
1592
- background-color: rgba(var(--ax-color-primary-500), 0.3);
1948
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1593
1949
  }
1594
1950
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1595
1951
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1720,7 +2076,7 @@ body {
1720
2076
  color: rgba(var(--ax-color-primary-fore));
1721
2077
  }
1722
2078
  .ax-el-ghost-outline .ax-ripple {
1723
- background-color: rgba(var(--ax-color-primary-500), 0.3);
2079
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1724
2080
  }
1725
2081
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1726
2082
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1851,7 +2207,7 @@ body {
1851
2207
  color: rgba(var(--ax-color-primary-fore));
1852
2208
  }
1853
2209
  .ax-el-ghost-outline .ax-ripple {
1854
- background-color: rgba(var(--ax-color-primary-500), 0.3);
2210
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1855
2211
  }
1856
2212
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1857
2213
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -1988,7 +2344,7 @@ body {
1988
2344
  color: rgba(var(--ax-color-primary-fore));
1989
2345
  }
1990
2346
  .ax-el-ghost-outline .ax-ripple {
1991
- background-color: rgba(var(--ax-color-primary-500), 0.3);
2347
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
1992
2348
  }
1993
2349
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
1994
2350
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -2119,7 +2475,7 @@ body {
2119
2475
  color: rgba(var(--ax-color-primary-fore));
2120
2476
  }
2121
2477
  .ax-el-ghost-outline .ax-ripple {
2122
- background-color: rgba(var(--ax-color-primary-500), 0.3);
2478
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
2123
2479
  }
2124
2480
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
2125
2481
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -2250,7 +2606,7 @@ body {
2250
2606
  color: rgba(var(--ax-color-primary-fore));
2251
2607
  }
2252
2608
  .ax-el-ghost-outline .ax-ripple {
2253
- background-color: rgba(var(--ax-color-primary-500), 0.3);
2609
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
2254
2610
  }
2255
2611
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
2256
2612
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -2381,7 +2737,7 @@ body {
2381
2737
  color: rgba(var(--ax-color-primary-fore));
2382
2738
  }
2383
2739
  .ax-el-ghost-outline .ax-ripple {
2384
- background-color: rgba(var(--ax-color-primary-500), 0.3);
2740
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
2385
2741
  }
2386
2742
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
2387
2743
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -2518,7 +2874,7 @@ body {
2518
2874
  color: rgba(var(--ax-color-primary-fore));
2519
2875
  }
2520
2876
  .ax-el-ghost-outline .ax-ripple {
2521
- background-color: rgba(var(--ax-color-primary-500), 0.3);
2877
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
2522
2878
  }
2523
2879
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
2524
2880
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -2649,7 +3005,7 @@ body {
2649
3005
  color: rgba(var(--ax-color-primary-fore));
2650
3006
  }
2651
3007
  .ax-el-ghost-outline .ax-ripple {
2652
- background-color: rgba(var(--ax-color-primary-500), 0.3);
3008
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
2653
3009
  }
2654
3010
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
2655
3011
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -2780,7 +3136,7 @@ body {
2780
3136
  color: rgba(var(--ax-color-primary-fore));
2781
3137
  }
2782
3138
  .ax-el-ghost-outline .ax-ripple {
2783
- background-color: rgba(var(--ax-color-primary-500), 0.3);
3139
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
2784
3140
  }
2785
3141
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
2786
3142
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -2911,7 +3267,7 @@ body {
2911
3267
  color: rgba(var(--ax-color-primary-fore));
2912
3268
  }
2913
3269
  .ax-el-ghost-outline .ax-ripple {
2914
- background-color: rgba(var(--ax-color-primary-500), 0.3);
3270
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
2915
3271
  }
2916
3272
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
2917
3273
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -3048,7 +3404,7 @@ body {
3048
3404
  color: rgba(var(--ax-color-primary-fore));
3049
3405
  }
3050
3406
  .ax-el-ghost-outline .ax-ripple {
3051
- background-color: rgba(var(--ax-color-primary-500), 0.3);
3407
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
3052
3408
  }
3053
3409
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
3054
3410
  border-color: rgba(var(--ax-color-ghost-fore));
@@ -3179,7 +3535,7 @@ body {
3179
3535
  color: rgba(var(--ax-color-primary-fore));
3180
3536
  }
3181
3537
  .ax-el-ghost-outline .ax-ripple {
3182
- background-color: rgba(var(--ax-color-primary-500), 0.3);
3538
+ background-color: rgba(var(--ax-color-primary-500), 0.3) !important;
3183
3539
  }
3184
3540
  .ax-el-ghost-outline ax-loading-spinner .ax-loader {
3185
3541
  border-color: rgba(var(--ax-color-ghost-fore));