From 2da49cf5146c553722c83c3384dfcb52d67aa919 Mon Sep 17 00:00:00 2001
From: Liam Dyer <saghendev@gmail.com>
Date: Sat, 9 Nov 2019 10:02:59 -0500
Subject: [PATCH] New Hover and Selection effect for nav

---
 components/Sidebar.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/components/Sidebar.vue b/components/Sidebar.vue
index 7e412fc..11ee38f 100644
--- a/components/Sidebar.vue
+++ b/components/Sidebar.vue
@@ -50,6 +50,13 @@ export default {
   a {
     padding: 0.5rem 1rem 0.5rem 1rem;
     font-weight: 600;
+    transition-duration: 0.2s;
+    transition-property: background-color,color;
+    &:hover, &.nuxt-link-exact-active {
+      background-color: #08e5ff;
+      color: #000;
+      text-decoration: none;
+    }
   }
   div {
     cursor: pointer;