@kolkrabbi/kol-theme 0.46.1 → 0.48.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-theme.css +16 -0
- package/kol-typography.css +16 -3
- package/package.json +1 -1
package/kol-theme.css
CHANGED
|
@@ -93,6 +93,22 @@
|
|
|
93
93
|
--kol-pad-card-md: 1rem;
|
|
94
94
|
--kol-pad-card-lg: 1.5rem;
|
|
95
95
|
|
|
96
|
+
/* WALL gaps (2026-08-15) — the same treatment `--kol-pad-card-*` got, for
|
|
97
|
+
* the same reason: these two numbers were re-typed as a ternary at every
|
|
98
|
+
* call site (kol-monitor HomePage ×2, LibraryPage ×2, MediaLibrary,
|
|
99
|
+
* kol-website Work, both foundry grids, StackLatest) and a value repeated
|
|
100
|
+
* nine times is a value that has already drifted somewhere.
|
|
101
|
+
*
|
|
102
|
+
* PX, not rem — a gap is a layout measure, not type (user ruling
|
|
103
|
+
* 2026-08-15), so a reader bumping their browser text size must not re-space
|
|
104
|
+
* every wall in the estate.
|
|
105
|
+
*
|
|
106
|
+
* Two rungs because a wall of CARDS and a stack of ROWS want different air:
|
|
107
|
+
* cards are objects with their own edges and need separating; rows are lines
|
|
108
|
+
* in a table and 24px between them reads as a broken list. */
|
|
109
|
+
--kol-gap-wall-grid: 24px;
|
|
110
|
+
--kol-gap-wall-list: 8px;
|
|
111
|
+
|
|
96
112
|
/* The house curve (2026-08-15) — the easing the cards actually use; was
|
|
97
113
|
* hardcoded in 5 files before this token existed. Curve only, no duration:
|
|
98
114
|
* it pairs with whatever duration the motion needs.
|
package/kol-typography.css
CHANGED
|
@@ -805,23 +805,36 @@
|
|
|
805
805
|
font-family: var(--kol-font-family-sans-narrow);
|
|
806
806
|
font-size: var(--kol-text-display-01);
|
|
807
807
|
line-height: 100%;
|
|
808
|
-
font-weight:
|
|
808
|
+
font-weight: 500;
|
|
809
|
+
letter-spacing: 0.04em;
|
|
809
810
|
}
|
|
810
811
|
|
|
811
812
|
.kol-sans-display-02 {
|
|
812
813
|
font-family: var(--kol-font-family-sans-narrow);
|
|
813
814
|
font-size: var(--kol-text-display-02);
|
|
814
815
|
line-height: 100%;
|
|
815
|
-
font-weight:
|
|
816
|
+
font-weight: 500;
|
|
817
|
+
letter-spacing: 0.04em;
|
|
816
818
|
}
|
|
817
819
|
|
|
820
|
+
/* THE DISPLAY RUNGS ARE 500, NOT 600 (user ruling 2026-08-15). All three sat a
|
|
821
|
+
* weight above the heading family they open — the narrow grotesk at 600 clogs
|
|
822
|
+
* at display size, where the counters are already the first thing to close. 500
|
|
823
|
+
* is the weight every `kol-sans-heading-*` uses, so the two families now read as
|
|
824
|
+
* one voice at two volumes.
|
|
825
|
+
*
|
|
826
|
+
* And 0.04em of TRACKING on all three: a narrow face set large has almost no
|
|
827
|
+
* sidebearing left, so the letters run together into a wall. The tracking is
|
|
828
|
+
* what lets a display line be read as words rather than a texture. */
|
|
829
|
+
|
|
818
830
|
/* display-03 shipped 2026-08-15 — its consumer arrived: ContentText's `work`
|
|
819
831
|
* row title (the ruled size-only step down from display-02). */
|
|
820
832
|
.kol-sans-display-03 {
|
|
821
833
|
font-family: var(--kol-font-family-sans-narrow);
|
|
822
834
|
font-size: var(--kol-text-display-03);
|
|
823
835
|
line-height: 100%;
|
|
824
|
-
font-weight:
|
|
836
|
+
font-weight: 500;
|
|
837
|
+
letter-spacing: 0.04em;
|
|
825
838
|
}
|
|
826
839
|
|
|
827
840
|
/* =============================================================================
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.48.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",
|