navigation active class

app/assets/stylesheets/molecules/nav.scss

@@ -13,6 +13,15 @@
     a {
       color: $light;
     }
+
+    &.active {
+      background-color: $taupe;
+
+      a {
+        color: $dark;
+        cursor: default;
+      }
+    }
   }
 }
 
@@ -27,5 +36,14 @@
       background-color: $light;
     }
   }
+
+  .active a {
+    color: $grey;
+    cursor: default;
+
+    &:hover {
+      background-color: transparent;
+    }
+  }
 }