keystone_ui-styles 0.8.0 → 0.10.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: 0a1ff3c4d5b2a3f83d8076740079cf5093483c8a7e44d338aceaa09112558bc8
|
|
4
|
+
data.tar.gz: a594bfad51e2482780a8344cb9391a39c1f784dd580db02da292eadd28b88434
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 87f78ad80260a722bbab2eec0c1d907735623ee0101de6d43ac3e95b627ec7718b71c3e174ac4d2fa4c0e41bc4b76edcc8843d0da18014a8c84fa72f02ad9c3f
|
|
7
|
+
data.tar.gz: 8ab1ab847b0e583d28a9a7b7d2cd2251b02c6c8ce2033ced91cdeebad252e695b78cc903cefa4af33c7ef571eb347125817f3a5ec353d0b20f4327da2b878cca
|
|
@@ -213,6 +213,10 @@
|
|
|
213
213
|
--ks-color-funnel-violet: var(--color-violet-500);
|
|
214
214
|
--ks-color-funnel-amber: var(--color-amber-500);
|
|
215
215
|
--ks-color-funnel-rose: var(--color-rose-500);
|
|
216
|
+
--ks-color-text-funnel-band-dark: var(--color-surface-900);
|
|
217
|
+
--ks-color-text-funnel-band: var(--color-white);
|
|
218
|
+
--ks-color-funnel-band-dark: var(--color-surface-100);
|
|
219
|
+
--ks-color-funnel-band: var(--color-surface-800);
|
|
216
220
|
--ks-color-over-goal: var(--color-green-500);
|
|
217
221
|
--ks-color-over-goal-warning: var(--color-amber-500);
|
|
218
222
|
--ks-color-pipeline-border: var(--color-surface-700);
|
|
@@ -609,6 +613,30 @@
|
|
|
609
613
|
@apply text-(color:--ks-color-close) hover:text-(color:--ks-color-link) dark:hover:text-(color:--ks-color-link-dark);
|
|
610
614
|
}
|
|
611
615
|
|
|
616
|
+
.ks-info-popup {
|
|
617
|
+
@apply whitespace-normal max-w-[calc(100vw-16px)] text-left;
|
|
618
|
+
}
|
|
619
|
+
|
|
620
|
+
.ks-breakdown-sum {
|
|
621
|
+
@apply border-t-(length:--ks-border-width) border-(color:--ks-color-border) dark:border-(color:--ks-color-border-dark) pt-[calc(var(--ks-spacing)*1)] font-(weight:--ks-font-weight-medium);
|
|
622
|
+
}
|
|
623
|
+
|
|
624
|
+
.ks-breakdown-amount {
|
|
625
|
+
@apply text-right tabular-nums whitespace-nowrap;
|
|
626
|
+
}
|
|
627
|
+
|
|
628
|
+
.ks-breakdown-total {
|
|
629
|
+
@apply contents;
|
|
630
|
+
}
|
|
631
|
+
|
|
632
|
+
.ks-breakdown-line {
|
|
633
|
+
@apply contents;
|
|
634
|
+
}
|
|
635
|
+
|
|
636
|
+
.ks-breakdown {
|
|
637
|
+
@apply grid grid-cols-[max-content_1fr] gap-x-[calc(var(--ks-spacing)*3)] gap-y-[calc(var(--ks-spacing)*1)];
|
|
638
|
+
}
|
|
639
|
+
|
|
612
640
|
.ks-option-card {
|
|
613
641
|
@apply gap-[calc(var(--ks-spacing)*2)] px-[calc(var(--ks-spacing)*3)] py-[calc(var(--ks-spacing)*2)] rounded-(--ks-radius-surface) border-[calc(var(--ks-border-width)*2)];
|
|
614
642
|
}
|
|
@@ -989,6 +1017,18 @@
|
|
|
989
1017
|
@apply bg-(color:--ks-color-funnel-rose);
|
|
990
1018
|
}
|
|
991
1019
|
|
|
1020
|
+
.ks-funnel-joined {
|
|
1021
|
+
@apply gap-x-[calc(var(--ks-spacing)*4)];
|
|
1022
|
+
}
|
|
1023
|
+
|
|
1024
|
+
.ks-funnel-band {
|
|
1025
|
+
@apply bg-(color:--ks-color-funnel-band) dark:bg-(color:--ks-color-funnel-band-dark);
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
.ks-funnel-band-label {
|
|
1029
|
+
@apply font-(weight:--ks-font-weight-strong) px-[calc(var(--ks-spacing)*2)] rounded-(--ks-radius-pill) dark:text-(color:--ks-color-text-funnel-band-dark) text-(color:--ks-color-text-funnel-band) bg-(color:--ks-color-funnel-band) dark:bg-(color:--ks-color-funnel-band-dark);
|
|
1030
|
+
}
|
|
1031
|
+
|
|
992
1032
|
.ks-bucket {
|
|
993
1033
|
@apply gap-[calc(var(--ks-spacing)*1)];
|
|
994
1034
|
}
|