Merge branch 'v4-dev' into colors-redux

assets/scss/_content.scss

@@ -5,6 +5,8 @@
 //
 
 .bd-content {
+  order: 1;
+
   // Hack the sticky header
   > h2[id],
   > h3[id],

assets/scss/_nav.scss

@@ -1,5 +1,3 @@
-// scss-lint:disable VendorPrefix
-
 //
 // Main navbar
 //
@@ -17,7 +15,7 @@
       max-width: 100%;
       height: 2.5rem;
       margin-top: .25rem;
-      overflow-x: hidden;
+      overflow: hidden;
       font-size: .875rem;
 
       .navbar-nav {
@@ -30,10 +28,11 @@
   }
 
   @include media-breakpoint-up(md) {
-    position: -webkit-sticky;
-    position: sticky;
-    top: 0;
-    z-index: 1071; // over everything in bootstrap
+    @supports (position: sticky) {
+      position: sticky;
+      top: 0;
+      z-index: 1071; // over everything in bootstrap
+    }
   }
 
   .navbar-nav {

assets/scss/_sidebar.scss

@@ -10,6 +10,7 @@
     top: 4rem;
     max-height: calc(100vh - 4rem);
   }
+  order: 2;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   overflow-x: visible;
@@ -49,6 +50,7 @@
 //
 
 .bd-sidebar {
+  order: 0;
   background-color: #f5f2f9;
   border-bottom: 1px solid rgba(0,0,0,.1);