New Hover and Selection effect for nav

2019-11-09 10:02:59 -05:00
parent a2565a6463
commit 2da49cf514
1 changed files with 7 additions and 0 deletions
--- 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;