Skip to content

Commit 8446efd

Browse files
committed
style(site): bump file-head path to 28px/700 so it dominates annotation headings
File path was 22px/600, annotation h1/h2 inside .annotation-md are 18px/600 — the file name read as a peer to its own body headings rather than their parent. Bump to 28px/700 with tighter tracking. Now the file path is the unambiguous hero for its file-block; any h1/h2/h3/h4 inside the annotation prose nests beneath visually.
1 parent 61e0d36 commit 8446efd

1 file changed

Lines changed: 11 additions & 16 deletions

File tree

overrides.css

Lines changed: 11 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1203,16 +1203,15 @@ html:not([data-ua='safari']) .file-block {
12031203
}
12041204

12051205
/* File path on each file-block header — the "this section is
1206-
* about <file>" title. Larger + heavier than the TOC-title
1207-
* scale (18px/600) so it reads as a hero for the entire
1208-
* code+prose stack below, not just another body heading.
1209-
* Monospace because it's a file path, literal text. */
1206+
* about <file>" title. Clearly the largest heading on the
1207+
* page so the annotation h1/h2 below (18px/600) read as
1208+
* sub-headings, not peers. */
12101209
.file-head .path {
12111210
font-family: var(--font-mono);
1212-
font-size: 22px;
1213-
font-weight: 600;
1211+
font-size: 28px;
1212+
font-weight: 700;
12141213
color: var(--ink);
1215-
letter-spacing: -0.01em;
1214+
letter-spacing: -0.02em;
12161215
}
12171216

12181217
.file-head .count {
@@ -1692,17 +1691,13 @@ body.col-resizing * {
16921691

16931692
/* JSDoc tag marker (@param, @returns, @throws, @example, …).
16941693
* Set in annotation prose by drag.js's cleanupAnnotationProse
1695-
* after meander hydrates. Distinctive from surrounding prose —
1696-
* always a tinted accent color + non-italic, since the first
1697-
* annotation-card on each file-block is rendered in italic
1698-
* muted prose (so "dimmer than body" wouldn't stand out there).
1699-
* Using the accent token works across every theme + both
1700-
* card-ordinal treatments. */
1694+
* after meander hydrates. No color tint — pink/accent would
1695+
* read as a link. Just plain muted grey + non-italic (to break
1696+
* out of the italic treatment on the first annotation-card of
1697+
* each file-block) so the tag reads as quiet metadata. */
17011698
.wt-jsdoc-tag {
1702-
color: var(--accent-fg);
1699+
color: var(--muted);
17031700
font-style: normal;
1704-
font-weight: 500;
1705-
opacity: 0.75;
17061701
}
17071702

17081703
/* ── 8. Code / diff tables ───────────────────────────────────────── */

0 commit comments

Comments
 (0)