From 08fc8d127b8fb99c9eefb03c1689b0738c756332 Mon Sep 17 00:00:00 2001
From: Arthur Lu <root@tronnet.net>
Date: Wed, 3 May 2023 22:08:00 +0000
Subject: [PATCH] add transition to hamburger menu

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
---
 css/nav.css | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/css/nav.css b/css/nav.css
index 561c4ae..3d76552 100644
--- a/css/nav.css
+++ b/css/nav.css
@@ -61,11 +61,17 @@ nav a, nav h1, nav label {
 		display: inline-block; 
 	}
   
-	#hamitems { 
-		display: none; 
+	#hamburger ~ #hamitems a {
+		height: 0;
+		padding: 0 0.5em;
+		border: 0;
+		transition: height 250ms cubic-bezier(0.23, 1, 0.32, 1);
 	}
 
-	#hamnav input:checked ~ #hamitems { 
-		display: block; 
+	#hamburger:checked ~ #hamitems a {
+		height: 2.5em;
+		padding: 0.5em;
+		border: 1px solid #333;
+		transition: height 250ms cubic-bezier(0.23, 1, 0.32, 1);
 	}
 }
\ No newline at end of file