@kolkrabbi/kol-theme 0.193.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 +10 -1
- 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
|
@@ -1111,6 +1111,13 @@
|
|
|
1111
1111
|
.kol-prose blockquote cite::before { content: '— '; opacity: 0.6; }
|
|
1112
1112
|
|
|
1113
1113
|
|
|
1114
|
+
|
|
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. */
|
|
1120
|
+
|
|
1114
1121
|
/* =============================================================================
|
|
1115
1122
|
* SHEET (the document voice) — kol-atlas's Research-Spec, class for class
|
|
1116
1123
|
* (site-hub W4, user 2026-10-24: "I would like to use kol-atlas styles at least in part").
|
|
@@ -1134,7 +1141,9 @@
|
|
|
1134
1141
|
which is the ink and left every number and quote mark unmarked */
|
|
1135
1142
|
--accent: var(--kol-color-orange-300); --note: var(--ui-error);
|
|
1136
1143
|
--edge: 724px;
|
|
1137
|
-
|
|
1144
|
+
/* the body is Public Sans, like the reference (his ruling, Round 23, 2026-10-28: "I already said Public Sans!!! like the
|
|
1145
|
+
reference"); the headings stay on the display face. The face comes by the app's Google Fonts link (see PUBLIC SANS above) */
|
|
1146
|
+
--display: var(--kol-font-family-sans); --body: 'Public Sans', var(--kol-font-family-sans); --mono: var(--kol-font-family-mono);
|
|
1138
1147
|
}
|
|
1139
1148
|
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .kol-sheet { --accent: var(--kol-color-yellow-300); } }
|
|
1140
1149
|
:root[data-theme="dark"] .kol-sheet { --accent: var(--kol-color-yellow-300); }
|