@kolkrabbi/kol-theme 0.194.0 → 0.195.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/README.md +1 -1
- package/kol-typography.css +6 -16
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -40,6 +40,6 @@ Tailwind v4 **does not scan `node_modules`**, so layout utilities emitted inside
|
|
|
40
40
|
|
|
41
41
|
## Fonts
|
|
42
42
|
|
|
43
|
-
The typography CSS references the brand fonts at absolute paths (`/fonts/right-grotesk/…`, `/fonts/jetbrains-mono/…`). **The package does not ship the font files** — your app must serve them from `/fonts/` (e.g. drop them in your `public/` dir). The showcase in this repo does exactly that. Without them, type falls back to system fonts.
|
|
43
|
+
The typography CSS references the brand fonts at absolute paths (`/fonts/right-grotesk/…`, `/fonts/jetbrains-mono/…`). **The package does not ship the font files** — your app must serve them from `/fonts/` (e.g. drop them in your `public/` dir). The showcase in this repo does exactly that. Without them, type falls back to system fonts. **Public Sans is not one of them** (0.195.0): only the document sheet (`.kol-sheet`, kol-framework's `MarkdownPage`) sets it, and an app that renders one loads it by Google Fonts link — `https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap`.
|
|
44
44
|
|
|
45
45
|
Pure CSS — no JS, no dependencies.
|
package/kol-typography.css
CHANGED
|
@@ -1112,21 +1112,11 @@
|
|
|
1112
1112
|
|
|
1113
1113
|
|
|
1114
1114
|
|
|
1115
|
-
/* PUBLIC SANS — the document body (kol-atlas's workspace face; his ruling 2026-10-28)
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
|
|
1121
|
-
@font-face { font-family: 'Public Sans'; font-style: normal; font-weight: 100 900; font-display: swap;
|
|
1122
|
-
src: url('/fonts/public-sans/PublicSans-Variable-latin-ext.woff2') format('woff2-variations'), url('/fonts/public-sans/PublicSans-Variable-latin-ext.woff2') format('woff2');
|
|
1123
|
-
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
|
|
1124
|
-
@font-face { font-family: 'Public Sans'; font-style: italic; font-weight: 100 900; font-display: swap;
|
|
1125
|
-
src: url('/fonts/public-sans/PublicSans-Variable-latin-italic.woff2') format('woff2-variations'), url('/fonts/public-sans/PublicSans-Variable-latin-italic.woff2') format('woff2');
|
|
1126
|
-
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
|
|
1127
|
-
@font-face { font-family: 'Public Sans'; font-style: italic; font-weight: 100 900; font-display: swap;
|
|
1128
|
-
src: url('/fonts/public-sans/PublicSans-Variable-latin-ext-italic.woff2') format('woff2-variations'), url('/fonts/public-sans/PublicSans-Variable-latin-ext-italic.woff2') format('woff2');
|
|
1129
|
-
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
|
|
1115
|
+
/* PUBLIC SANS — the document body (kol-atlas's workspace face; his ruling 2026-10-28) — NOT declared here (PublicSansByLink,
|
|
1116
|
+
kol-fxr 2026-10-28 — user: *"its only used in apps/document … we should just import it via link, not via. actual fonts"*).
|
|
1117
|
+
Only the document sheet sets it, so the app that renders one loads it by link, Google Fonts css2, variable weight, italic:
|
|
1118
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap">
|
|
1119
|
+
Without the link the body falls back to the sans below it. */
|
|
1130
1120
|
|
|
1131
1121
|
/* =============================================================================
|
|
1132
1122
|
* SHEET (the document voice) — kol-atlas's Research-Spec, class for class
|
|
@@ -1152,7 +1142,7 @@
|
|
|
1152
1142
|
--accent: var(--kol-color-orange-300); --note: var(--ui-error);
|
|
1153
1143
|
--edge: 724px;
|
|
1154
1144
|
/* the body is Public Sans, like the reference (his ruling, Round 23, 2026-10-28: "I already said Public Sans!!! like the
|
|
1155
|
-
reference"); the headings stay on the display face. The
|
|
1145
|
+
reference"); the headings stay on the display face. The face comes by the app's Google Fonts link (see PUBLIC SANS above) */
|
|
1156
1146
|
--display: var(--kol-font-family-sans); --body: 'Public Sans', var(--kol-font-family-sans); --mono: var(--kol-font-family-mono);
|
|
1157
1147
|
}
|
|
1158
1148
|
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .kol-sheet { --accent: var(--kol-color-yellow-300); } }
|