purple nav

docs/assets/scss/_nav.scss

@@ -5,37 +5,27 @@
 //
 
 .bd-navbar {
-  // @include media-breakpoint-up(md) {
   position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 1030; // over everything in bootstrap
   min-height: 4rem;
-    // max-height: calc(100vh - 4rem);
-    // overflow-y: auto;
-  // }
-  // padding-right: 0;
-  // padding-left: 0;
-  // margin-bottom: 2rem;
-  background-color: #fff;
-  background-clip: padding-box;
+  background-color: $bd-purple;
   border-bottom: 1px solid rgba(0,0,0,.1);
   box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
 
   .navbar-nav {
     .nav-link {
-      color: $bd-graphite-light;
+      color: $bd-purple-light;
 
       &.active,
-      &:hover,
-      &:focus {
-        color: $gray-dark;
+      &:hover {
+        color: #fff;
         background-color: transparent;
       }
 
       &.active {
         font-weight: 500;
-        color: darken($gray-dark, 15%);
       }
     }
   }
@@ -51,9 +41,9 @@
     font-size: .875rem;
   }
 
-  .navbar-brand {
-    color: $bd-purple;
-  }
+  // .navbar-brand {
+  //   color: #fff;
+  // }
 
   .bd-navbar-brand-wrap {
     padding-top: .25rem;