new nav styles

diff --git a/docs/assets/scss/_nav.scss b/docs/assets/scss/_nav.scss
index 5f1d1d22af65d6acdd3f6423d9f1f8b916c8aeb1..42be331a69f149514cdc51b7fcfcf0e866d20571 100644 (file)
--- 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 238c87261190b978c4417c07561a67bdaae4c807..4ac556f8a5596d8fabfa4db2ec4d5959913cbe02 100644 (file)
--- 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;
 }