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

- Close #10

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.

_layouts/default.html

@@ -21,13 +21,6 @@
       </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 %}
@@ -35,6 +28,13 @@
       </div>
     </div>
 
+    <div class="canvas">
+      <div class="wrapper">
+        {% include masthead.html %}
+        {{ content }}
+      </div>
+    </div>
+
     {% include scripts.html %}
 
   </body>

docs/_layouts/default.html

@@ -21,13 +21,6 @@
       </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 %}
@@ -35,6 +28,13 @@
       </div>
     </div>
 
+    <div class="canvas">
+      <div class="wrapper">
+        {% include masthead.html %}
+        {{ content }}
+      </div>
+    </div>
+
     {% include scripts.html %}
 
   </body>