changed docs page to be a bit more material

docs/_layouts/docs.html

@@ -12,14 +12,14 @@
 
     {% include nav-home.html %}
 
-    <div class="bd-pageheader">
+    <div class="bd-pageheader bd-pageheader--no-bottom">
       <div class="container">
         {% include page-headers.html %}
         {% include ads.html %}
       </div>
     </div>
 
-    <div class="container">
+    <div class="container card-container">
       <div class="row">
         <div class="col-md-9 col-md-pull-3 bd-content">
           <h1 class="bd-title" id="content">{{ page.title }}</h1>

docs/assets/scss/bmd/_docs.scss

@@ -0,0 +1,14 @@
+.bd-docs {
+  .card-container {
+    @extend .card;
+    padding-top: 1rem;
+    padding-bottom: 1rem;
+    @include media-breakpoint-up(sm) {
+      margin-top: -1.5rem;
+    }
+
+    .anchorjs-link {
+      margin-left: -1.5em !important;
+    }
+  }
+}

docs/assets/scss/bmd/_page-header.scss

@@ -1,4 +1,8 @@
 .bd-pageheader {
+  &--no-bottom {
+    margin-bottom: 0;
+  }
+
   @include media-breakpoint-up(sm) {
     .cb {
       margin: 2rem 0 0 !important;

docs/assets/scss/docs.scss

@@ -91,6 +91,7 @@ $bd-info:           $brand-info; // #5bc0de;
 @import 'bmd/booticon';
 @import 'bmd/component-examples';
 @import 'bmd/clipboard-js';
+@import 'bmd/docs';
 @import 'bmd/sidebar';
 @import 'bmd/drawer';
 @import 'bmd/masthead';