From 1af0e0a18be55bdd38bf715ca612ea4acb2bdcad Mon Sep 17 00:00:00 2001
From: Alex Shpak <alex-shpak@users.noreply.github.com>
Date: Fri, 8 Nov 2019 23:42:15 +0100
Subject: [PATCH] #94, Show toc at top of printing page

---
 assets/_main.scss  |  7 -------
 assets/_print.scss | 20 ++++++++++++++++++++
 assets/book.scss   |  1 +
 3 files changed, 21 insertions(+), 7 deletions(-)
 create mode 100644 assets/_print.scss

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";