#94, Show toc at top of printing page

3 files changed, 21 insertions, 7 deletions

diff --git a/assets/_main.scss b/assets/_main.scss
index a3dc2c1..3cfb66d 100644
--- a/assets/_main.scss
+++ b/assets/_main.scss
@@ -294,10 +294,3 @@ aside nav,
     padding: $padding-16 * 2 $padding-16;
   }
 }
-
-// Printing styles
-@media print {
- .book-menu, .book-toc, .book-footer {
-   display: none;
- } 
-}
diff --git a/assets/_print.scss b/assets/_print.scss
new file mode 100644
index 0000000..fca8312
--- /dev/null
+++ b/assets/_print.scss
@@ -0,0 +1,20 @@
+// Printing styles
+@media print {
+  .book-menu,
+  .book-footer {
+    display: none;
+  }
+
+  main {
+    flex-direction: column-reverse;
+  }
+
+  .book-toc {
+    flex: none;
+
+    nav {
+      position: relative;
+      width: auto;
+    }
+  }
+}
diff --git a/assets/book.scss b/assets/book.scss
index 529c908..68f6318 100644
--- a/assets/book.scss
+++ b/assets/book.scss
@@ -5,6 +5,7 @@
 @import "utils";
 @import "main";
 @import "fonts";
+@import "print";
 
 @import "markdown";
 @import "shortcodes";