@kolkrabbi/kol-theme 0.177.0 → 0.179.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/kol-components-atoms.css
CHANGED
|
@@ -821,8 +821,12 @@
|
|
|
821
821
|
color: var(--kol-surface-on-primary);
|
|
822
822
|
}
|
|
823
823
|
|
|
824
|
+
/* The active icon is ink, not accent (2026-10-22, user: "no active icon color, follow brand
|
|
825
|
+
* just using white, but allow change per repo"). One variable, unset by default: a repo that
|
|
826
|
+
* wants a colour sets `--kol-sidenav-active-icon` on :root. Brand's override block carried
|
|
827
|
+
* this value since 2026-08-01; it is the default now. */
|
|
824
828
|
.kol-sidenav-hop.is-active .kol-sidenav-hop-icon {
|
|
825
|
-
color: var(--kol-
|
|
829
|
+
color: var(--kol-sidenav-active-icon, var(--kol-surface-on-primary));
|
|
826
830
|
}
|
|
827
831
|
|
|
828
832
|
/* .kol-sidenav-group — RETIRED here 0.52.1 (sidenav-nested-groups): the
|
|
@@ -1447,6 +1447,12 @@
|
|
|
1447
1447
|
max-height: var(--kol-ql-media-h);
|
|
1448
1448
|
object-fit: contain;
|
|
1449
1449
|
}
|
|
1450
|
+
/* an image zooms on click; a video's click is play */
|
|
1451
|
+
img.kol-quicklook-media { cursor: zoom-in; }
|
|
1452
|
+
/* FILL WIDTH (a click on the image, kol-atlas 2026-10-19): the window's width, height follows, and the
|
|
1453
|
+
* body scrolls when the image is taller — from its top, not centred past it */
|
|
1454
|
+
img.kol-quicklook-media--fill { width: var(--kol-ql-max-w); height: auto; max-height: none; cursor: zoom-out; }
|
|
1455
|
+
.kol-quicklook-body:has(> .kol-quicklook-media--fill) { align-items: flex-start; max-height: var(--kol-ql-media-h); overflow-y: auto; }
|
|
1450
1456
|
/* audio — Finder's: the artwork square left, the length beside it */
|
|
1451
1457
|
.kol-quicklook-audio {
|
|
1452
1458
|
display: flex;
|
|
@@ -535,7 +535,7 @@
|
|
|
535
535
|
* on the SHEET corner, so at even padding it landed on top of the view
|
|
536
536
|
* toggle. The card reserves the lane instead of the close moving. */
|
|
537
537
|
padding: var(--kol-spacing-12) var(--kol-spacing-5) var(--kol-spacing-5);
|
|
538
|
-
|
|
538
|
+
/* no border (user 2026-10-20: "the border? is so ugly") — the scrim is the separation */
|
|
539
539
|
border-radius: var(--kol-radius-sm);
|
|
540
540
|
background: var(--kol-surface-primary);
|
|
541
541
|
}
|
package/kol-components-shell.css
CHANGED
|
@@ -17,6 +17,11 @@
|
|
|
17
17
|
* the rail mounts. 0.80.0–0.87.x had it derive from the sidenav tokens,
|
|
18
18
|
* while the rail WAS a collapsed SideNav; that is reversed. */
|
|
19
19
|
--kol-shell-rail-width: 48px;
|
|
20
|
+
/* The rail's OPEN width — its own ladder, 264 · 320 from 1536 (2026-10-22). NavRail
|
|
21
|
+
* read kol-framework's `--kol-sidenav-w` for this, so an app that loads kol-framework.css
|
|
22
|
+
* (fxr) opened to 320 on a wide screen and one that does not (mirror, monitor) fell back to
|
|
23
|
+
* 264 — the same rail, two widths, decided by an unrelated import. */
|
|
24
|
+
--kol-shell-rail-open: 264px;
|
|
20
25
|
/* Page gutter — PageShell's padding and PageBleed's negative margin.
|
|
21
26
|
* ONE LADDER FOR THE ESTATE (two-page-scaffolds-one-job, kol-client-olina
|
|
22
27
|
* 2026-09-03): this is `--kol-pad-section-x`, the page-content ladder every
|
|
@@ -31,6 +36,7 @@
|
|
|
31
36
|
* pair cannot drift. */
|
|
32
37
|
--kol-shell-page-pad: var(--kol-pad-section-x, clamp(20px, 5vw, 48px));
|
|
33
38
|
}
|
|
39
|
+
@media (min-width: 1536px) { :root { --kol-shell-rail-open: 320px; } }
|
|
34
40
|
|
|
35
41
|
/* ── PageShell ──────────────────────────────────────────────────────────── */
|
|
36
42
|
|