doc: move #target a 2em from top of viewport.

rouilj · rouilj · commit 292dabf3ef3a · 2025-07-16T20:02:11.000-04:00
Make sure there is a little space between top of viewport and the
element selected with a #fragment. This looks cleaner.
diff --git a/doc/_static/style.css b/doc/_static/style.css
@@ -512,3 +512,7 @@ aside.footnote > span + p { margin-block-start: unset; }
 }
 */
 
+/* move the target off the top of the viewport by a little */
+:target {
+  scroll-margin-block-start: 2em;
+}
diff --git a/website/www/_static/style.css b/website/www/_static/style.css
@@ -512,6 +512,11 @@ aside.footnote > span + p { margin-block-start: unset; }
 }
 */
 
+/* move the target off the top of the viewport by a little */
+:target {
+  scroll-margin-block-start: 2em;
+}
+
 /* website only */
 /* assume desktop reader for local html files, also no contact
    page for local doc files */

Original file line number	Diff line number	Diff line change
`@@ -512,3 +512,7 @@ aside.footnote > span + p { margin-block-start: unset; }`
`512`	`512`	`}`
`513`	`513`	`*/`
`514`	`514`
	`515`	`+/* move the target off the top of the viewport by a little */`
	`516`	`+:target {`
	`517`	`+ scroll-margin-block-start: 2em;`
	`518`	`+}`