From 4bdca090abc970b742f0653a02aa77d9adc95602 Mon Sep 17 00:00:00 2001 From: Gabriel Schneider Date: Thu, 1 Oct 2026 15:33:35 -0300 Subject: The guide's glossary is a definition list, and the site's tutor links its pointers into the guide On the site the glossary is a
of terms and meanings inside its
, with no stray count, so a text browser reads each term then its meaning. The tutor page links docs/typ/.typ to that page, each "-> Guide:
" to the guide's section of that title (read from guide.typ's headings), and URLs; the tutor itself keeps its text. Co-Authored-By: Claude Opus 5.5 --- docs/site/site.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'docs/site/site.css') diff --git a/docs/site/site.css b/docs/site/site.css index 260a1b35..6f8836ee 100644 --- a/docs/site/site.css +++ b/docs/site/site.css @@ -132,7 +132,6 @@ body { margin:0; min-height:100vh; background:var(--field) radial-gradient(color .glossary { margin:1.4em 0; } .glossary summary { cursor:pointer; list-style-position:inside; } .glossary summary h3, .glossary summary p { display:inline; margin:0; } -.glossary summary .count { font:20px var(--pixel); color:var(--dim); margin-left:.4em; } .vh { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } .colophon { font:15px var(--pixel); color:var(--dim); text-align:center; } .colophon a { color:var(--leaf); } @@ -217,3 +216,8 @@ main[data-page="builtins"] .content h4 + p { margin-top:0; } /* a recording inside a chapter */ .content .clip.inline { margin:1.2em 0; max-width:640px; } .clip.inline video { display:block; width:100%; height:auto; aspect-ratio:960/700; background:var(--deep); } +.glossary dl { margin:.6em 0 0; display:grid; grid-template-columns:minmax(8em, max-content) 1fr; } +.glossary dt, .glossary dd { margin:0; padding:5px 9px; } +.glossary dt { font-weight:600; color:var(--leaf); } +.glossary dt:nth-of-type(odd), .glossary dt:nth-of-type(odd) + dd { background:color-mix(in srgb, var(--tag) 70%, transparent); } +@media (max-width:600px) { .glossary dl { grid-template-columns:1fr; } .glossary dd { padding-top:0; } } -- cgit v1.3