From 20aed447d69ab3fe34e875f5ebf701c2ce7b524a Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Sat, 6 Nov 2021 20:58:00 +0000
Subject: [PATCH] :lipstick: Adds customizable shoaddow for nav-link-shadow

---
 src/components/PageStrcture/Nav.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/PageStrcture/Nav.vue b/src/components/PageStrcture/Nav.vue
index 3e228e7e..09261b52 100644
--- a/src/components/PageStrcture/Nav.vue
+++ b/src/components/PageStrcture/Nav.vue
@@ -64,8 +64,7 @@ export default {
       outline: none;
       border: none;
       border-radius: var(--curve-factor);
-      -webkit-box-shadow: 1px 1px 2px #232323;
-      box-shadow: 1px 1px 2px #232323;
+      box-shadow: var(--nav-link-shadow);
       color: var(--nav-link-text-color);
       background: var(--nav-link-background-color);
       border: 1px solid var(--nav-link-border-color);
@@ -74,6 +73,7 @@ export default {
         color: var(--nav-link-text-color-hover);
         background: var(--nav-link-background-color-hover);
         border: 1px solid var(--nav-link-border-color-hover);
+        box-shadow: var(--nav-link-shadow-hover);
       }
     }
   }