keystone_ui-styles 0.23.0 → 0.25.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.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 18012a4aedf07d539b75f11268abf75f368e051608042c6e95e2f301a0805df2
|
|
4
|
+
data.tar.gz: a894f44c043b7742a44f993b036b4d20c70ab810f188b4faa0ce88f6fef11109
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 7ac7f9711bb7c89c1d9bf07de6aa20b92c45ac625c7818ac3567f82fa8f95815c59cfb36a382de34355b07abdbcb925d3163fe6d859b66d83fc34ca234b0f1b0
|
|
7
|
+
data.tar.gz: 1a9ba4e0033a2667d4503b42818ec49e149188f426a37a50a332e39cdb312754eaac30a210759e46a47b6bcc3ba3c0b58ff05464fdbe846335f2bb13d666e097
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
@custom-variant dark {
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
@media screen {
|
|
3
|
+
&:where(:is([data-theme="dark"], [data-theme="dark"] *):not([data-theme="dark"] [data-theme="light"], [data-theme="dark"] [data-theme="light"] *, [data-theme="dark"] [data-theme="custom"], [data-theme="dark"] [data-theme="custom"] *)) {
|
|
4
|
+
@slot;
|
|
5
|
+
}
|
|
4
6
|
}
|
|
5
7
|
|
|
6
|
-
@media (prefers-color-scheme: dark) {
|
|
8
|
+
@media screen and (prefers-color-scheme: dark) {
|
|
7
9
|
&:where(:not([data-theme="light"], [data-theme="light"] *, [data-theme="custom"], [data-theme="custom"] *)) {
|
|
8
10
|
@slot;
|
|
9
11
|
}
|
|
@@ -292,12 +294,14 @@
|
|
|
292
294
|
@apply bg-(color:--ks-color-page) text-(color:--ks-color-on-page) dark:bg-(color:--ks-color-page-dark) dark:text-(color:--ks-color-on-page-dark);
|
|
293
295
|
}
|
|
294
296
|
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
297
|
+
@media screen {
|
|
298
|
+
html:not([data-theme]) {
|
|
299
|
+
color-scheme: light dark;
|
|
300
|
+
}
|
|
298
301
|
|
|
299
|
-
|
|
300
|
-
|
|
302
|
+
html[data-theme="dark"] {
|
|
303
|
+
color-scheme: dark;
|
|
304
|
+
}
|
|
301
305
|
}
|
|
302
306
|
|
|
303
307
|
:where(body) {
|
|
@@ -534,6 +538,18 @@
|
|
|
534
538
|
@apply text-xs fill-(--ks-color-text) dark:fill-(--ks-color-text-dark);
|
|
535
539
|
}
|
|
536
540
|
|
|
541
|
+
.ks-metric-plain {
|
|
542
|
+
@apply px-[calc(var(--ks-spacing)*4)];
|
|
543
|
+
}
|
|
544
|
+
|
|
545
|
+
.ks-stat-card-note {
|
|
546
|
+
@apply mt-[calc(var(--ks-spacing)*1)] text-(color:--ks-color-text-muted) dark:text-(color:--ks-color-text-muted-dark);
|
|
547
|
+
}
|
|
548
|
+
|
|
549
|
+
.ks-stat-card-fallback {
|
|
550
|
+
@apply text-(color:--ks-color-text-muted) dark:text-(color:--ks-color-text-muted-dark);
|
|
551
|
+
}
|
|
552
|
+
|
|
537
553
|
.ks-card {
|
|
538
554
|
@apply overflow-hidden rounded-(--ks-radius-surface) border-(length:--ks-border-width) border-(color:--ks-color-border) bg-(color:--ks-color-surface) dark:bg-(color:--ks-color-surface-dark) dark:border-(color:--ks-color-border-dark);
|
|
539
555
|
}
|