diff options
| author | Gabriel Schneider <[email protected]> | 2026-10-01 15:33:35 -0300 |
|---|---|---|
| committer | Gabriel Schneider <[email protected]> | 2026-10-01 15:42:55 -0300 |
| commit | 4bdca090abc970b742f0653a02aa77d9adc95602 (patch) | |
| tree | 253a10e5617113dd7f44010dd57bf48e0ab34200 /docs/site/site.css | |
| parent | 9b947777a2f693d10da1101c3eab4af3a5ef5a10 (diff) | |
| download | pardes-4bdca090abc970b742f0653a02aa77d9adc95602.tar.gz pardes-4bdca090abc970b742f0653a02aa77d9adc95602.zip | |
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 <dl> of terms and meanings inside its
<details>, with no stray count, so a text browser reads each term then
its meaning. The tutor page links docs/typ/<chapter>.typ to that page,
each "-> Guide: <section>" 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 <[email protected]>
Diffstat (limited to 'docs/site/site.css')
| -rw-r--r-- | docs/site/site.css | 6 |
1 files changed, 5 insertions, 1 deletions
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; } } |