Basic mobile view

docpress · Oct 4, 2015 · e4cd7f7 · e4cd7f7
1 parent 522a7f7
commit e4cd7f7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 4 deletions.
diff --git a/data/layout.jade b/data/layout.jade
@@ -16,8 +16,8 @@ html
     link(rel='stylesheet' href=(base + 'assets/style.css'))
   body
     .doc-layout
-      .menu.toc-menu
-        +menu(toc, 0)
       .body
         .markdown-body
           != contents
+      .menu.toc-menu
+        +menu(toc, 0)
diff --git a/data/style.sass b/data/style.sass
@@ -5,23 +5,30 @@ html, body
   height: 100%
 
 .doc-layout
-  display: flex
   width: 100%
   height: 100%
 
-@media (min-width: 769px)
+  .body
+    padding: 16px
+
+@media (min-width: 960px)
   html, body
     overflow: hidden
 
   .doc-layout
+    &
+      display: flex
+
     .menu
       flex: 0 0 300px
       overflow-y: auto
+      order: 1
 
     .body
       flex: 1
       overflow-y: auto
       padding-top: 32px
+      order: 2
 
 .toc-menu
   $pad: 32px