From ded32a682a0388313898469d49382d2b381fceea Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sat, 27 May 2017 17:36:35 -0700
Subject: [PATCH] new nav styles

---
 docs/assets/scss/_nav.scss     |  3 ++-
 docs/assets/scss/_sidebar.scss | 19 ++++++++++++-------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/docs/assets/scss/_nav.scss b/docs/assets/scss/_nav.scss
index 5f1d1d22af..42be331a69 100644
--- a/docs/assets/scss/_nav.scss
+++ b/docs/assets/scss/_nav.scss
@@ -18,8 +18,9 @@
   // padding-left: 0;
   // margin-bottom: 2rem;
   background-color: #fff;
+  background-clip: padding-box;
   border-bottom: 1px solid rgba(0,0,0,.1);
-  box-shadow: 0 6px 12px rgba(0,0,0,.05);
+  box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
 
   .navbar-nav {
     .nav-link {
diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss
index 238c872611..4ac556f8a5 100644
--- a/docs/assets/scss/_sidebar.scss
+++ b/docs/assets/scss/_sidebar.scss
@@ -5,23 +5,28 @@
 //
 
 .bd-sidebar {
+  padding-top: 1rem;
+  background-color: #f5f5f5;
+  border-right: 1px solid rgba(0,0,0,.1);
+
   @include media-breakpoint-up(md) {
-    position: -webkit-sticky;
     position: sticky;
-    top: 5rem;
+    top: 4rem;
     max-height: calc(100vh - 4rem);
     overflow-y: auto;
   }
 }
 
 .bd-links {
+  margin-right: -15px;
+  margin-left: -15px;
   // padding-top: .25rem;
   // padding-bottom: .25rem;
-  border: 1px solid $gray-lighter;
-  border-radius: .25rem;
+  // border: 1px solid $gray-lighter;
+  // border-radius: .25rem;
 
   @include media-breakpoint-up(md) {
-    margin-right: 1.5rem;
+    // margin-right: 1.5rem;
   }
 }
 
@@ -80,7 +85,7 @@
   display: block;
   // padding-top: .25rem;
   // padding-bottom: .25rem;
-  padding: .75rem 1rem;
+  padding: .75rem 1.5rem;
   color: $gray;
 }
 .bd-toc-link:hover,
@@ -118,7 +123,7 @@
   display: block;
   // padding-top: .25rem;
   // padding-bottom: .25rem;
-  padding: .25rem 1rem;
+  padding: .25rem 1.5rem;
   font-size: 90%;
   color: #99979c;
 }