flip the columns, tweak some of the styles

diff --git a/docs/_layouts/docs.html b/docs/_layouts/docs.html
index 6e8cddf212fdeda0fd933fe4492c334c804d4a55..fb571d22a2015f8888e3ef70cb311bd20ec3153b 100644 (file)
--- a/docs/_layouts/docs.html
+++ b/docs/_layouts/docs.html
@@ -21,10 +21,10 @@
 
     <div class="container">
       <div class="row">
-        <div class="col-xs-12 col-md-3 push-md-9 bd-sidebar">
+        <div class="col-xs-12 col-md-3 bd-sidebar">
           {% include nav-docs.html %}
         </div>
-        <div class="col-xs-12 col-md-9 pull-md-3 bd-content">
+        <div class="col-xs-12 col-md-9 bd-content">
           <h1 class="bd-title" id="content">{{ page.title }}</h1>
           {{ content }}
         </div>

diff --git a/docs/assets/scss/_anchor.scss b/docs/assets/scss/_anchor.scss
index 399da9b7b10908ae93960583c080194dfaa2c6c4..5b4edf04d8b28309be25f55b1447b04843c41bdf 100644 (file)
--- a/docs/assets/scss/_anchor.scss
+++ b/docs/assets/scss/_anchor.scss
@@ -1,4 +1,8 @@
+// scss-lint:disable ImportantRule
+
 .anchorjs-link {
+  padding-right: .25em !important;
+  margin-left: -.75em !important;
   color: inherit;
 }
 

diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss
index 28f4cd442258779e679063e04d4cd1734bb75a40..901e9843ed4ada963b2476882bf28919598781b0 100644 (file)
--- a/docs/assets/scss/_content.scss
+++ b/docs/assets/scss/_content.scss
@@ -54,14 +54,27 @@
   > ol li {
     margin-bottom: .25rem;
   }
+
+  @include media-breakpoint-up(sm) {
+    > ul,
+    > ol,
+    > p {
+      max-width: 80%;
+    }
+  }
 }
 
 .bd-title {
+  margin-bottom: 2rem;
+  font-weight: 300;
+
   @include media-breakpoint-up(sm) {
     font-size: 3rem;
 
     + p {
-      font-size: 1.25rem;
+      max-width: 80%;
+      margin-bottom: 2rem;
+      font-size: 1.5rem;
       font-weight: 300;
     }
   }

diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss
index 7b9edefea99c5c9ef9e77c13c00eed1eb2b11bc2..ba7d344391cfdafa49327c81b09f38a47ae74f33 100644 (file)
--- a/docs/assets/scss/_sidebar.scss
+++ b/docs/assets/scss/_sidebar.scss
@@ -2,12 +2,6 @@
 // Side navigation
 //
 
-.bd-sidebar {
-  @include media-breakpoint-up(md) {
-    padding-left: 1rem;
-  }
-}
-
 .bd-search {
   position: relative;
   margin-bottom: 1.5rem;
@@ -22,6 +16,10 @@
       background-color: #fff;
     }
   }
+
+  @include media-breakpoint-up(md) {
+    padding-right: 1rem;
+  }
 }
 
 .bd-search-results {