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

---
 _layouts/docs.html | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

(limited to '_layouts/docs.html')

diff --git a/_layouts/docs.html b/_layouts/docs.html
index feecf3875..2e0e1e85d 100644
--- a/_layouts/docs.html
+++ b/_layouts/docs.html
@@ -17,18 +17,19 @@
         <div class="col-12 col-md-3 col-xl-2 bd-sidebar">
           {% include docs-sidebar.html %}
         </div>
-        <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
-          <h1 class="bd-title" id="content">{{ page.title }}</h1>
-          <p class="bd-lead">{{ page.description }}</p>
-          {% include ads.html %}
-          {{ content }}
-        </main>
 
         {% if page.toc %}
           <div class="d-none d-xl-block col-xl-2 bd-toc">
             {{ content | toc_only }}
           </div>
         {% endif %}
+
+        <main class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5 bd-content" role="main">
+          <h1 class="bd-title" id="content">{{ page.title }}</h1>
+          <p class="bd-lead">{{ page.description }}</p>
+          {% include ads.html %}
+          {{ content }}
+        </main>
       </div>
     </div>
 
-- 
cgit v1.2.3