From 2a579e546cb97e7aa33e8ff4685219974087df41 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sat, 17 Jun 2017 10:28:19 -0700
Subject: use flexbox order property to change order of content for
 screenreaders

---
 assets/scss/_content.scss | 2 ++
 assets/scss/_sidebar.scss | 2 ++
 2 files changed, 4 insertions(+)

(limited to 'assets')

diff --git a/assets/scss/_content.scss b/assets/scss/_content.scss
index e617b8b5b..70b4969ba 100644
--- a/assets/scss/_content.scss
+++ b/assets/scss/_content.scss
@@ -5,6 +5,8 @@
 //
 
 .bd-content {
+  order: 1;
+
   // Hack the sticky header
   > h2[id],
   > h3[id],
diff --git a/assets/scss/_sidebar.scss b/assets/scss/_sidebar.scss
index ea78daa8f..b8f311f20 100644
--- a/assets/scss/_sidebar.scss
+++ b/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);
 
-- 
cgit v1.2.3