Update navigation page styling

diff --git a/build.js b/build.js
index 4f996a3232cf7bf195035813e872a8d05111140e..4ed0c10bf971a91cbffb0f20c4ddfb1884dd751c 100644 (file)
--- a/build.js
+++ b/build.js
@@ -740,7 +740,9 @@ class GitWikiWebPage {
                     },
                     rawBlock`<details id="navigation-about" open="">`,
                     rawBlock`<summary>about this listing</summary>`,
                     },
                     rawBlock`<details id="navigation-about" open="">`,
                     rawBlock`<summary>about this listing</summary>`,

+                    rawBlock`<article>`,

                     ...e.children,
                     ...e.children,

+                    rawBlock`</article>`,

                     rawBlock`</details>`,
                   ],
                   navigation: [
                     rawBlock`</details>`,
                   ],
                   navigation: [

diff --git a/style.css b/style.css
index e66d38f1188172895746119afdab6bc0f7f14262..a35f9b7f61798d527ab3465906bf0aa3b7ba5a15 100644 (file)
--- a/style.css
+++ b/style.css
@@ -2,11 +2,18 @@ html{ Color: Canvas; Background: CanvasText }
 body{ Margin-Block: 0; Margin-Inline: Auto; Border: Double; Color: CanvasText; Background: Canvas; Padding: 0; Max-Inline-Size: Max-Content }
 body>header{ Box-Sizing: Border-Box; Margin-Inline: Auto; Border-Block-End: Double; Padding-Block: .5REM; Padding-Inline: 1CH; Inline-Size: 43EM; Max-Inline-Size: 100%; Box-Shadow: Inset 0 -1PX CurrentColor; Font-Size: Large }
 body>header :Any-Link{ Color: Inherit }
 body{ Margin-Block: 0; Margin-Inline: Auto; Border: Double; Color: CanvasText; Background: Canvas; Padding: 0; Max-Inline-Size: Max-Content }
 body>header{ Box-Sizing: Border-Box; Margin-Inline: Auto; Border-Block-End: Double; Padding-Block: .5REM; Padding-Inline: 1CH; Inline-Size: 43EM; Max-Inline-Size: 100%; Box-Shadow: Inset 0 -1PX CurrentColor; Font-Size: Large }
 body>header :Any-Link{ Color: Inherit }

+#navigation-about>summary{ Border: Thin Solid; Padding-Inline: 2CH; Inline-Size: Max-Content }
+#navigation-about[open]>summary{ Border-Block-End: None }
+#navigation-about>article{ Border: Thin Solid; Padding-Block: 1EM; Padding-Inline: 2CH }

 main{ Box-Sizing: Border-Box; Margin: Auto; Inline-Size: 43EM; Max-Inline-Size: 100% }
 article{ Padding-Block: 1REM; Padding-Inline: 2CH }
 header.main{ Margin-Block: 0 1REM; Border-Block-End: Thin Solid; Padding-Block: 0 1REM }
 header.main h1{ Margin-Block: 0; Font-Size: XX-Large; Font-Style: Italic }
 main{ Box-Sizing: Border-Box; Margin: Auto; Inline-Size: 43EM; Max-Inline-Size: 100% }
 article{ Padding-Block: 1REM; Padding-Inline: 2CH }
 header.main{ Margin-Block: 0 1REM; Border-Block-End: Thin Solid; Padding-Block: 0 1REM }
 header.main h1{ Margin-Block: 0; Font-Size: XX-Large; Font-Style: Italic }

+article>footer{ Font-Size: Small }
+article>footer h2{ Border-Block-End: Thin Solid; Font-Size: Large }

 details:Has(>summary:Last-Child){ Display: None }
 details:Has(>summary:Last-Child){ Display: None }

+p{ Margin: 0 }
+p+p{ Margin-Block-Start: .75EM }

 span.sig{ Font-Style: Italic; Font-Weight: Bold }
 strong[data-recency="5"]{ Font-Weight: 900 }
 strong[data-recency="4"]{ Font-Weight: 800 }
 span.sig{ Font-Style: Italic; Font-Weight: Bold }
 strong[data-recency="5"]{ Font-Weight: 900 }
 strong[data-recency="4"]{ Font-Weight: 800 }