keystone_ui-styles 0.15.0 → 0.17.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: 0f73fc53495b419db05cdb7791b2ed60841b5e10d319d8b6efe6e103c77fb09e
|
|
4
|
+
data.tar.gz: 63954214c1ed5143793cee10a740c9f4fe9301355e2d1ee680d1fa9fa29c33ef
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 474533e7daca4ab4ecd744575053576854d50d80e186a611b52a98bead4453387dd7349bb972da0d3b2925e5b2a11100e2063e7d17df64d40703571772abed98
|
|
7
|
+
data.tar.gz: 220d7ea0f4a21065d5bc510c22bdc63dfe313168895905df64e6e14cf25b9b8f69e224dd17e0cd099a09cda2053d08e2e527edae462c4bca1f08522e6173c748
|
|
@@ -213,6 +213,16 @@
|
|
|
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-chart-1: var(--color-accent-600);
|
|
217
|
+
--ks-color-chart-1-dark: var(--color-accent-400);
|
|
218
|
+
--ks-color-chart-2: #0d9488;
|
|
219
|
+
--ks-color-chart-2-dark: #2dd4bf;
|
|
220
|
+
--ks-color-chart-3: #d97706;
|
|
221
|
+
--ks-color-chart-3-dark: #fbbf24;
|
|
222
|
+
--ks-color-chart-4: #7c3aed;
|
|
223
|
+
--ks-color-chart-4-dark: #a78bfa;
|
|
224
|
+
--ks-color-chart-5: #e11d48;
|
|
225
|
+
--ks-color-chart-5-dark: #fb7185;
|
|
216
226
|
--ks-color-text-funnel-band-dark: var(--color-surface-900);
|
|
217
227
|
--ks-color-text-funnel-band: var(--color-white);
|
|
218
228
|
--ks-color-funnel-band-dark: var(--color-surface-100);
|
|
@@ -1227,6 +1237,10 @@
|
|
|
1227
1237
|
@apply block text-sm no-underline whitespace-nowrap py-[calc(var(--ks-spacing)*3)] pr-[calc(var(--ks-spacing)*4)] pl-[calc(var(--ks-spacing)*8)] lg:py-[calc(var(--ks-spacing)*2)] lg:px-[calc(var(--ks-spacing)*4)] text-(color:--ks-color-nav-link) hover:bg-(color:--ks-color-nav-hover) hover:text-(color:--ks-color-nav-text-hover) [&.active]:bg-(color:--ks-color-nav-hover) [&.active]:text-(color:--ks-color-nav-active) [&.active]:font-(weight:--ks-font-weight-heading) dark:text-(color:--ks-color-nav-link-dark) dark:hover:bg-(color:--ks-color-nav-hover-dark) dark:hover:text-(color:--ks-color-nav-text-hover-dark) dark:[&.active]:bg-(color:--ks-color-nav-hover-dark) dark:[&.active]:text-(color:--ks-color-nav-active-dark);
|
|
1228
1238
|
}
|
|
1229
1239
|
|
|
1240
|
+
.ks-nav-dropdown-menu > .ks-nav-item + .ks-nav-item {
|
|
1241
|
+
@apply border-t-(length:--ks-border-width) border-t-(color:--ks-color-nav-border) dark:border-t-(color:--ks-color-nav-border-dark);
|
|
1242
|
+
}
|
|
1243
|
+
|
|
1230
1244
|
.ks-sidebar {
|
|
1231
1245
|
@apply flex flex-col gap-[calc(var(--ks-spacing)*6)] p-[calc(var(--ks-spacing)*3)] first:border-r-(length:--ks-border-width) last:border-l-(length:--ks-border-width) border-(color:--ks-color-nav-border) bg-(color:--ks-color-nav) dark:bg-(color:--ks-color-nav-dark) dark:border-(color:--ks-color-nav-border-dark);
|
|
1232
1246
|
}
|
|
@@ -1239,6 +1253,14 @@
|
|
|
1239
1253
|
@apply block no-underline px-[calc(var(--ks-spacing)*3)] py-[calc(var(--ks-spacing)*2)] rounded-(--ks-radius-control) text-(color:--ks-color-nav-link) [&.active]:text-(color:--ks-color-nav-active) [&.active]:bg-(color:--ks-color-nav-hover) [&.active]:shadow-[inset_calc(var(--ks-border-width)*4)_0_0_0_var(--ks-color-nav-indicator)] [&.active]:rounded-l-none dark:text-(color:--ks-color-nav-link-dark) dark:[&.active]:text-(color:--ks-color-nav-active-dark) dark:[&.active]:bg-(color:--ks-color-nav-hover-dark) dark:[&.active]:shadow-[inset_calc(var(--ks-border-width)*4)_0_0_0_var(--ks-color-nav-indicator-dark)];
|
|
1240
1254
|
}
|
|
1241
1255
|
|
|
1256
|
+
.ks-sidebar-group-tabs {
|
|
1257
|
+
@apply border-(length:--ks-border-width) border-(color:--ks-color-nav-border) dark:border-(color:--ks-color-nav-border-dark) rounded-(--ks-radius-surface) mt-[calc(var(--ks-spacing)*1)] ml-[calc(var(--ks-spacing)*3)];
|
|
1258
|
+
}
|
|
1259
|
+
|
|
1260
|
+
.ks-sidebar-group-tabs > .ks-sidebar-tab + .ks-sidebar-tab {
|
|
1261
|
+
@apply border-t-(length:--ks-border-width) border-t-(color:--ks-color-nav-border) dark:border-t-(color:--ks-color-nav-border-dark);
|
|
1262
|
+
}
|
|
1263
|
+
|
|
1242
1264
|
.ks-sidebar-logo {
|
|
1243
1265
|
@apply px-[calc(var(--ks-spacing)*3)] py-[calc(var(--ks-spacing)*2)];
|
|
1244
1266
|
}
|