@kolkrabbi/kol-theme 0.192.0 → 0.193.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-typography.css +15 -3
- package/package.json +1 -1
package/kol-typography.css
CHANGED
|
@@ -1129,10 +1129,15 @@
|
|
|
1129
1129
|
.kol-sheet {
|
|
1130
1130
|
--bg: var(--kol-surface-primary); --surface: var(--kol-surface-primary); --ink: var(--kol-surface-on-primary);
|
|
1131
1131
|
--muted: var(--kol-fg-64); --line: var(--kol-fg-12); --soft: var(--kol-fg-04);
|
|
1132
|
-
|
|
1132
|
+
/* the accent is kol-atlas's own (apps/workspace/src/index.css, 2026-10-28): orange-300, yellow-300 in the dark — the ramps
|
|
1133
|
+
in kol-framework's kol-brand-color.css, which every sheet consumer loads (ARCHITECTURE §5's cascade); not the DS accent,
|
|
1134
|
+
which is the ink and left every number and quote mark unmarked */
|
|
1135
|
+
--accent: var(--kol-color-orange-300); --note: var(--ui-error);
|
|
1133
1136
|
--edge: 724px;
|
|
1134
1137
|
--display: var(--kol-font-family-sans); --body: var(--kol-font-family-sans); --mono: var(--kol-font-family-mono);
|
|
1135
1138
|
}
|
|
1139
|
+
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .kol-sheet { --accent: var(--kol-color-yellow-300); } }
|
|
1140
|
+
:root[data-theme="dark"] .kol-sheet { --accent: var(--kol-color-yellow-300); }
|
|
1136
1141
|
.kol-sheet{padding:16px 0 28px;min-width:0;color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.6}
|
|
1137
1142
|
.kol-sheet h1,.kol-sheet h2,.kol-sheet h3,.kol-sheet h4{font-family:var(--display);line-height:1.2;text-wrap:balance;letter-spacing:-.005em;font-weight:700}
|
|
1138
1143
|
.kol-sheet h1{font-size:36px;margin:0 0 12px}
|
|
@@ -1171,8 +1176,11 @@
|
|
|
1171
1176
|
.kol-sheet .term.missing{border:0;color:var(--note);background:var(--soft);padding:0 4px;border-radius:3px}
|
|
1172
1177
|
.kol-sheet .media{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:16px 0}
|
|
1173
1178
|
.kol-sheet .media figure{margin:0}
|
|
1174
|
-
|
|
1175
|
-
|
|
1179
|
+
/* a figure fills its frame (user 2026-10-28: "should SHIP scale to fill, no margins, empty space"); `data-fit="contain"` on the grid
|
|
1180
|
+
shows the whole image on the plate instead, `--media-ratio` sets the frame (4/3 by default) — both are the page's props */
|
|
1181
|
+
.kol-sheet .media img,.kol-sheet .media video{display:block;width:100%;aspect-ratio:var(--media-ratio,4/3);object-fit:cover;background:var(--soft);border:1px solid var(--line);border-radius:4px}
|
|
1182
|
+
.kol-sheet .media[data-fit="contain"] img,.kol-sheet .media[data-fit="contain"] video{object-fit:contain}
|
|
1183
|
+
.kol-sheet .media .doc{display:flex;align-items:center;justify-content:center;aspect-ratio:var(--media-ratio,4/3);background:var(--soft);border:1px solid var(--line);border-radius:4px;font-family:var(--mono);font-size:12px;text-decoration:none}
|
|
1176
1184
|
.kol-sheet .media figcaption{margin-top:6px;font-size:12.5px;color:var(--muted);overflow-wrap:anywhere}
|
|
1177
1185
|
.kol-sheet .why{font-family:var(--body);font-size:12px;font-weight:400;color:var(--muted);margin-left:6px}
|
|
1178
1186
|
.kol-sheet p.when,.kol-sheet p.dw{font-size:13px;color:var(--muted);margin:0}
|
|
@@ -1187,6 +1195,10 @@
|
|
|
1187
1195
|
.kol-sheet ol.fns li{margin:2px 0}
|
|
1188
1196
|
.kol-sheet ol.fns .fnn{margin-right:.4em}
|
|
1189
1197
|
.kol-sheet ol.fns .url{color:color-mix(in srgb,var(--ink) 36%,transparent);overflow-wrap:anywhere}
|
|
1198
|
+
/* a link in the note list is a plain source: the list's ink, no underline; the Sources list stands a step larger (kol-atlas
|
|
1199
|
+
workspace.css, carried 2026-10-28 for apps/document — the port had missed these two) */
|
|
1200
|
+
.kol-sheet ol.fns a{color:inherit;text-decoration:none}
|
|
1201
|
+
.kol-sheet ol.fns.src{font-size:12px;margin-top:8px}
|
|
1190
1202
|
.kol-sheet .ol .ms{margin-top:20px}
|
|
1191
1203
|
.kol-sheet .ol .ms>summary.mh{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-family:var(--display);font-weight:700;font-size:20px;padding:2px 8px;line-height:1.3}
|
|
1192
1204
|
.kol-sheet .ol .mh a{color:var(--ink);text-decoration:none}
|