@kolkrabbi/kol-theme 0.148.0 → 0.150.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.
|
@@ -1295,7 +1295,10 @@
|
|
|
1295
1295
|
--kol-ql-header-h: 44px;
|
|
1296
1296
|
--kol-ql-footer-h: 0px;
|
|
1297
1297
|
--kol-ql-frame-h: 88vh;
|
|
1298
|
-
|
|
1298
|
+
/* On a phone the window meets `.kol-overlay`'s own 24px padding and no more (touch pass
|
|
1299
|
+
2026-09-23: 32px gutters left a 326px reading column at 390 — now 342). The old 32 from md
|
|
1300
|
+
up. Min-width only — breakpoints law #3 */
|
|
1301
|
+
--kol-ql-max-w: calc(100vw - 3rem);
|
|
1299
1302
|
--kol-ql-media-h: calc(var(--kol-ql-frame-h) - var(--kol-ql-header-h) - var(--kol-ql-footer-h) - 2px);
|
|
1300
1303
|
position: relative;
|
|
1301
1304
|
display: flex;
|
|
@@ -1308,6 +1311,7 @@
|
|
|
1308
1311
|
border-radius: var(--kol-radius-md);
|
|
1309
1312
|
overflow: hidden;
|
|
1310
1313
|
}
|
|
1314
|
+
@media (min-width: 768px) { .kol-quicklook { --kol-ql-max-w: calc(100vw - 4rem); } }
|
|
1311
1315
|
/* a sized window (the corner was dragged): the body takes all of it, media centred inside */
|
|
1312
1316
|
.kol-quicklook--sized { max-width: none; }
|
|
1313
1317
|
/* THE HEADER'S CONTROLS WEAR THE CLOSE IDIOM (`Button variant="nav"`), whose hover wash is oq-04 —
|
|
@@ -850,6 +850,18 @@
|
|
|
850
850
|
background: var(--kol-oq-08);
|
|
851
851
|
pointer-events: none;
|
|
852
852
|
}
|
|
853
|
+
/* THE DISCLOSURE'S TAP TARGET IS WIDER THAN ITS DRAWING (touch pass 2026-09-23: a 14px-wide
|
|
854
|
+
target). The chevron column stays 14 so zone 3 keeps its 74; the hit area reaches into the
|
|
855
|
+
row's 16px left padding and the 8px gap — 38 × the row's 60 — and stops at the icon, which
|
|
856
|
+
is the row's own tap (open). */
|
|
857
|
+
.kol-column-browser-disclose { position: relative; }
|
|
858
|
+
.kol-column-browser-disclose::after {
|
|
859
|
+
content: '';
|
|
860
|
+
position: absolute;
|
|
861
|
+
inset-block: 0;
|
|
862
|
+
left: -16px;
|
|
863
|
+
right: -8px;
|
|
864
|
+
}
|
|
853
865
|
/* the thumbnail fills its box and crops — a media tile is the image, not a
|
|
854
866
|
letterboxed one */
|
|
855
867
|
.kol-column-browser-thumb img,
|
package/kol-typography.css
CHANGED
|
@@ -855,52 +855,6 @@
|
|
|
855
855
|
font-weight: 500;
|
|
856
856
|
}
|
|
857
857
|
|
|
858
|
-
/* =============================================================================
|
|
859
|
-
* RETIRED — the elder display voice (DisplayTightRamp, 2026-08-27). Four
|
|
860
|
-
* aliases onto the ramp above, each keeping the uppercase its contract baked
|
|
861
|
-
* in so nothing un-caps on the bump; the swap adds `uppercase` at the call
|
|
862
|
-
* site. Tracked in docs/operations/01-release/04-retirements.md — dropped when
|
|
863
|
-
* no repo uses them (`pnpm retirements`), the gate fails at 30 days unimported.
|
|
864
|
-
* Elder `kol-heading-display` (never carried) → kol-sans-display-01 likewise.
|
|
865
|
-
* ============================================================================= */
|
|
866
|
-
|
|
867
|
-
/* @deprecated 2026-08-27 → kol-sans-display-01 */
|
|
868
|
-
.kol-display-lg {
|
|
869
|
-
font-family: var(--kol-font-family-sans-tight);
|
|
870
|
-
font-size: var(--kol-text-display-01);
|
|
871
|
-
line-height: 100%;
|
|
872
|
-
font-weight: 500;
|
|
873
|
-
text-transform: uppercase;
|
|
874
|
-
color: var(--kol-fg-emphasis);
|
|
875
|
-
}
|
|
876
|
-
|
|
877
|
-
/* @deprecated 2026-08-27 → kol-sans-display-02 */
|
|
878
|
-
.kol-display-section {
|
|
879
|
-
font-family: var(--kol-font-family-sans-tight);
|
|
880
|
-
font-size: var(--kol-text-display-02);
|
|
881
|
-
line-height: 100%;
|
|
882
|
-
font-weight: 500;
|
|
883
|
-
text-transform: uppercase;
|
|
884
|
-
}
|
|
885
|
-
|
|
886
|
-
/* @deprecated 2026-08-27 → kol-sans-display-03 */
|
|
887
|
-
.kol-display-section-sm {
|
|
888
|
-
font-family: var(--kol-font-family-sans-tight);
|
|
889
|
-
font-size: var(--kol-text-display-03);
|
|
890
|
-
line-height: 100%;
|
|
891
|
-
font-weight: 500;
|
|
892
|
-
text-transform: uppercase;
|
|
893
|
-
}
|
|
894
|
-
|
|
895
|
-
/* @deprecated 2026-08-27 → kol-sans-display-03 */
|
|
896
|
-
.kol-display-subsection {
|
|
897
|
-
font-family: var(--kol-font-family-sans-tight);
|
|
898
|
-
font-size: var(--kol-text-display-03);
|
|
899
|
-
line-height: 100%;
|
|
900
|
-
font-weight: 500;
|
|
901
|
-
text-transform: uppercase;
|
|
902
|
-
}
|
|
903
|
-
|
|
904
858
|
/* =============================================================================
|
|
905
859
|
* HEADINGS — H1+H2 sans Narrow, H3-H5 sans Compact, weight 500.
|
|
906
860
|
* 01 = H1 anchor (matches prose H1). The narrow/compact boundary moved down
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.150.0",
|
|
4
4
|
"description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|