ads in content, sidebar changes, etc

4 files changed, 33 insertions, 8 deletions

diff --git a/docs/assets/scss/_ads.scss b/docs/assets/scss/_ads.scss
index 237b1e70b..efb91e565 100644
--- a/docs/assets/scss/_ads.scss
+++ b/docs/assets/scss/_ads.scss
@@ -48,3 +48,22 @@
   display: block;
   color: #cdbfe3 !important;
 }
+
+.bd-content {
+  #carbonads {
+    position: static;
+    max-width: 400px;
+    margin: 2rem 0;
+    line-height: 1.4;
+    background-color: #f5f5f5;
+    border: 0;
+
+    a {
+      color: #333;
+    }
+
+    .carbon-poweredby {
+      color: #777 !important;
+    }
+  }
+}
diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss
index 41f429b00..b08477b7f 100644
--- a/docs/assets/scss/_content.scss
+++ b/docs/assets/scss/_content.scss
@@ -65,8 +65,8 @@
 }
 
 .bd-title {
-  margin-top: 2rem;
-  margin-bottom: 2rem;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
   font-weight: 300;
 
   @include media-breakpoint-up(sm) {
diff --git a/docs/assets/scss/_nav.scss b/docs/assets/scss/_nav.scss
index e1589e13e..51758485c 100644
--- a/docs/assets/scss/_nav.scss
+++ b/docs/assets/scss/_nav.scss
@@ -7,6 +7,7 @@
   padding-left: 0;
   margin-bottom: 2rem;
   border-bottom: 1px solid rgba(0,0,0,.1);
+  box-shadow: 0 6px 12px rgba(0,0,0,.05);
 
   .navbar-nav {
     .nav-link {
diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss
index 302c04c97..3986bc65e 100644
--- a/docs/assets/scss/_sidebar.scss
+++ b/docs/assets/scss/_sidebar.scss
@@ -6,17 +6,18 @@
   @include media-breakpoint-up(md) {
     position: sticky;
     top: 2rem;
+    max-height: calc(100vh - 4rem);
+    overflow-y: auto;
   }
 }
 
 .bd-search {
   position: relative;
-  margin-bottom: 1.5rem;
 
   .form-control {
-    height: 2.45rem;
-    padding-top: .4rem;
-    padding-bottom: .4rem;
+    // height: 2.45rem;
+    // padding-top: .4rem;
+    // padding-bottom: .4rem;
     background-color: #fafafa;
 
     &:focus {
@@ -63,7 +64,9 @@
 
 .bd-toc-link {
   display: block;
-  padding: .25rem .75rem;
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+  // padding: .25rem .75rem;
   color: $gray;
 }
 .bd-toc-link:hover,
@@ -93,7 +96,9 @@
 // All levels of nav
 .bd-sidebar .nav > li > a {
   display: block;
-  padding: .25rem .75rem;
+  padding-top: .25rem;
+  padding-bottom: .25rem;
+  // padding: .25rem .75rem;
   font-size: 90%;
   color: #99979c;
 }