From f1eedadb07ebc8385a7534b1a7a4d9b5f7d0306d Mon Sep 17 00:00:00 2001
From: "Henry J. Webster" <hwebs@hwebs.info>
Date: Sat, 15 Aug 2026 12:13:30 -0500
Subject: implement hamburger-type nav menu

---
 style.css | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 42ad66a..1a5f578 100644
--- a/style.css
+++ b/style.css
@@ -12,7 +12,7 @@ main {
     margin: 0 1rem;
 }
 body > header {
-    padding: 0.5rem 1rem;
+    padding: 0.5rem 0 0.5rem 1rem;
     color: FieldText;
     background-color: Field;
     gap: 0.5rem 1rem;
@@ -25,23 +25,30 @@ nav {
 }
 nav ul {
     list-style-type: none;
-    border-left: 1px solid FieldText;
     margin: 0;
     padding: 0;
 }
-nav ul li {
-    display: inline;
-    border-right: 1px solid FieldText;
-    padding: 0 10px;
+nav > ul > li {
+    display: inline-block;
     margin: 0;
+    vertical-align: top;
+}
+nav > ul > li > details {
+    cursor: pointer;
+    text-align: right;
+    background-color: Field;
+    padding: 0 1rem;
+}
+nav > ul > li > details > ul {
+    text-align: left;
+}
+nav > ul > li > details > ul > li {
+    padding: 0.5rem 0;
 }
 nav ul li a,
 nav ul li a:visited {
     color: FieldText;
 }
-li {
-    margin-left: 1rem;
-}
 p {
     margin: 1rem 0;
     line-height: 1.5rem;
-- 
cgit v1.3