#43, Update tree menu rendering to support multiple sections

2 files changed, 19 insertions, 5 deletions

diff --git a/assets/_markdown.scss b/assets/_markdown.scss
index fc8119c..8c4a1fa 100644
--- a/assets/_markdown.scss
+++ b/assets/_markdown.scss
@@ -5,14 +5,15 @@ $block-border-radius: 0.15rem;
 .markdown {
   line-height: 1.7;
 
-  > :first-child {
-    margin-top: 0;
-    line-height: 1em;
-  }
-
   h1, h2, h3, h4, h5 {
     font-weight: 400;
     line-height: 1.25;
+
+    // remove padding at the beginning of page
+    &:first-child { 
+      margin-top: 0;
+      line-height: 1em;
+    }
   }
 
   b, optgroup, strong {
diff --git a/assets/book.scss b/assets/book.scss
index 7ba2bfa..83728a0 100644
--- a/assets/book.scss
+++ b/assets/book.scss
@@ -106,6 +106,18 @@ ul.pagination {
   @include dark-links;
 }
 
+.book-section-flat {
+  margin-bottom: $padding-16 * 2;
+
+  > a, > span {
+    font-weight: 600
+  }
+
+  > ul {
+    padding-left: 0;
+  }
+}
+
 .book-page {
   min-width: $body-min-width;
   flex-grow: 1;
@@ -213,6 +225,7 @@ aside nav,
 // Extra space for big screens
 @media screen and (min-width: $container-max-width) {
   .book-page,
+  .book-posts,
   .book-menu nav,
   .book-toc nav {
     padding: $padding-16 * 2 $padding-16;