redo and make sticky

docs/assets/scss/_nav.scss

+// scss-lint:disable VendorPrefix
+
 //
 // Main navbar
 //
 
 .bd-navbar {
+  // @include media-breakpoint-up(md) {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  z-index: 1030; // over everything in bootstrap
+    // max-height: calc(100vh - 4rem);
+    // overflow-y: auto;
+  // }
   // padding-right: 0;
   // padding-left: 0;
-  margin-bottom: 2rem;
+  // margin-bottom: 2rem;
+  background-color: #fff;
   border-bottom: 1px solid rgba(0,0,0,.1);
   box-shadow: 0 6px 12px rgba(0,0,0,.05);
 
@@ -28,6 +39,10 @@
   }
 
   .dropdown-menu {
-    font-size: inherit;
+    font-size: .875rem;
+  }
+
+  .navbar-brand {
+    color: $bd-purple;
   }
 }

docs/assets/scss/_sidebar.scss

+// scss-lint:disable VendorPrefix
+
 //
 // Side navigation
 //
 
 .bd-sidebar {
   @include media-breakpoint-up(md) {
+    position: -webkit-sticky;
     position: sticky;
-    top: 2rem;
+    top: 5rem;
     max-height: calc(100vh - 4rem);
     overflow-y: auto;
   }
@@ -26,7 +29,7 @@
   }
 
   @include media-breakpoint-up(md) {
-    padding-right: 1rem;
+    // padding-right: 1rem;
   }
 }