From 576fd3912c6a38ffc156c666874431a78faf9476 Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Mon, 24 Mar 2025 23:22:09 -0400
Subject: feat: collapsible nav menu

---
 templates/styles.css | 21 +++++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

(limited to 'templates/styles.css')

diff --git a/templates/styles.css b/templates/styles.css
index 2a83280..63cef43 100644
--- a/templates/styles.css
+++ b/templates/styles.css
@@ -34,8 +34,16 @@ body {
 
 nav {
 	display: flex;
+	flex-direction: row-reverse;
 	background-color: white;
-	flex-direction: column-reverse;
+}
+
+nav div {
+	display: flex;
+	flex-direction: row;
+	overflow: hidden;
+	flex-wrap: wrap;
+	height: 3em;
 }
 
 nav img {
@@ -53,7 +61,16 @@ nav a {
 
 nav a:hover {
 	color: var(--darkteal);
-	background-color: lightgray;
+}
+
+a#menu-toggle {
+	cursor: pointer;
+}
+
+nav div.menu-open {
+	height: auto;
+	flex-wrap: off;
+	flex-direction: column;
 }
 
 div.buttons {
-- 
cgit v1.2.3