From 3d6e927b19848be10efcfa81da1fae508f2b81a5 Mon Sep 17 00:00:00 2001 From: Gabriel Schneider Date: Thu, 1 Oct 2026 15:45:29 -0300 Subject: The guide shows the where-commands-run, columns and search clips in place of their TODOs #clip takes `wide: true` for a recording that needs the page's full width; the columns clip (80 columns split three ways) uses it, the others keep the 640 px inline width. An inline video takes its own shape from its poster rather than a fixed ratio. where-commands-run's caption is trimmed to eleven words. Co-Authored-By: Claude Opus 5.5 --- docs/site/site.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/site/site.css') diff --git a/docs/site/site.css b/docs/site/site.css index 6f8836ee..a0959d5e 100644 --- a/docs/site/site.css +++ b/docs/site/site.css @@ -215,7 +215,8 @@ main[data-page="builtins"] .content h4 + p { margin-top:0; } .mode-box.unsaved { background:var(--amber); border-color:var(--amber); color:#1b120a; } /* 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); } +.clip.inline video { display:block; width:100%; height:auto; background:var(--deep); } +.content .clip.inline.wide { max-width:none; } .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); } -- cgit v1.3