Change source order of sidebar so menu items can easily be "tabbed" to

- Close #10
mmistakes · Mar 30, 2017 · 43bc86f · 43bc86f
1 parent 985fff0
commit 43bc86f
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 14 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 - Google Analytics tracking ID, Disqus comments, to `/docs` demo site.
 
 ### Changed
+- Change source order of `.sidebar` and `.canvas` so menu items can easily be "tabbed" to. [#10](https://github.com/mmistakes/jekyll-theme-basically-basic/issues/10)
 - Refactor sidebar off-canvas menu and improve animation. [#9](https://github.com/mmistakes/jekyll-theme-basically-basic/issues/9) [#15](https://github.com/mmistakes/jekyll-theme-basically-basic/issues/15)
 - Removed tinted background from `<th>` elements.
 - Permalink structure of `/docs` demo site.

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -21,20 +21,20 @@
       </button>
     </div>
 
-    <div class="canvas">
-      <div class="wrapper">
-        {% include masthead.html %}
-        {{ content }}
-      </div>
-    </div>
-
     <div id="sidebar" class="sidebar">
       <div class="inner">
         {% include navigation.html %}
         {% include contact-list.html %}
       </div>
     </div>
 
+    <div class="canvas">
+      <div class="wrapper">
+        {% include masthead.html %}
+        {{ content }}
+      </div>
+    </div>
+
     {% include scripts.html %}
 
   </body>

diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -21,20 +21,20 @@
       </button>
     </div>
 
-    <div class="canvas">
-      <div class="wrapper">
-        {% include masthead.html %}
-        {{ content }}
-      </div>
-    </div>
-
     <div id="sidebar" class="sidebar">
       <div class="inner">
         {% include navigation.html %}
         {% include contact-list.html %}
       </div>
     </div>
 
+    <div class="canvas">
+      <div class="wrapper">
+        {% include masthead.html %}
+        {{ content }}
+      </div>
+    </div>
+
     {% include scripts.html %}
 
   </body>