more minimal sidebar nav

1 files changed, 16 insertions, 17 deletions

diff --git a/assets/scss/_sidebar.scss b/assets/scss/_sidebar.scss
index 8816609c1..a86493089 100644
--- a/assets/scss/_sidebar.scss
+++ b/assets/scss/_sidebar.scss
@@ -64,8 +64,7 @@
 }
 
 .bd-links {
-  margin-right: -15px;
-  margin-left: -15px;
+  margin: 1rem -15px;
 
   // Override collapse behaviors
   @include media-breakpoint-up(md) {
@@ -75,8 +74,10 @@
 
 .bd-search {
   position: relative; // To contain the Algolia search
-  padding-top: 1rem;
-  padding-bottom: 1rem;
+  padding: 1rem 15px;
+  margin-right: -15px;
+  margin-left: -15px;
+  border-bottom: 1px solid rgba(0,0,0,.05);
 
   .form-control:focus {
     border-color: $bd-purple-bright;
@@ -95,27 +96,26 @@
 
 .bd-toc-link {
   display: block;
-  padding: .75rem 1.5rem;
+  padding: .25rem 1.5rem;
   font-weight: 500;
-  color: $gray;
+  color: rgba(0,0,0,.65);
 
   &:hover {
-    color: $brand-primary;
+    color: rgba(0,0,0,.85);
     text-decoration: none;
-    background-color: rgba(0,0,0,.01);
   }
 }
 
 .bd-toc-item {
-  border-bottom: 1px solid rgba(0,0,0,.05);
+  &.active {
+    margin-bottom: 1rem;
 
-  &:first-child {
-    border-top: 1px solid rgba(0,0,0,.05);
-  }
+    &:not(:first-child) {
+      margin-top: 1rem;
+    }
 
-  &.active {
     > .bd-toc-link {
-      color: $gray-dark;
+      color: rgba(0,0,0,.85);
 
       &:hover {
         background-color: transparent;
@@ -124,7 +124,6 @@
 
     > .bd-sidenav {
       display: block;
-      padding-bottom: .75rem;
     }
   }
 }
@@ -138,7 +137,7 @@
 }
 
 .bd-sidebar .nav > li > a:hover {
-  color: $brand-primary;
+  color: rgba(0,0,0,.85);
   text-decoration: none;
   background-color: transparent;
 }
@@ -146,6 +145,6 @@
 .bd-sidebar .nav > .active > a,
 .bd-sidebar .nav > .active:hover > a {
   font-weight: 500;
-  color: $gray-dark;
+  color: rgba(0,0,0,.85);
   background-color: transparent;
 }