From 46359b4c9a46d04fd857fe384bb1d8ccd0623faa Mon Sep 17 00:00:00 2001
From: eggy <eggyrules@gmail.com>
Date: Sun, 7 Aug 2022 20:36:20 -0400
Subject: [PATCH] feat: add drop shadow to hamburger

---
 components/HamburgerMenu.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/components/HamburgerMenu.vue b/components/HamburgerMenu.vue
index a58e788..d33114b 100644
--- a/components/HamburgerMenu.vue
+++ b/components/HamburgerMenu.vue
@@ -72,11 +72,15 @@ input.checkbox:checked ~ .drawer,
   align-items: center;
   border-radius: 0.5rem;
   width: 12rem;
+
+  --drawer-drop-color: gray;
+  box-shadow: 0 0.25rem 0.5rem 0 var(--drawer-drop-color);
 }
 
 html.dark .drawer {
   --drawer-bg: #222;
   --drawer-border-bg: darkslategray;
+  --drawer-drop-color: black;
 }
 
 .drawer::before {