fix: fix various spacing issues (#108)

exampleSite/content/posts/features/sticky.md

@@ -11,6 +11,8 @@ weight: 1
 
 Sticky (or pinned) posts can be used to permanently pin important posts to the top of the post list. The implementation is pretty simple and handled by `weight: 1` in a post front matter. As there is no other logic to identify sticky posts you should not use negative values for weight as this will result in posts listed earlier.
 
+<!--more-->
+
 **Example:**
 
 ```YAML

layouts/shortcodes/columns.html

@@ -1,4 +1,4 @@
-<div class="gblog-columns flex flex-wrap">
+<div class="gblog-columns flex flex-wrap flex-mobile-column">
   {{ range split .Inner "<--->" }}
   <div class="gblog-columns__content gblog-markdown--nested flex-even">
     {{ . | $.Page.RenderString }}

src/sass/_chroma_github.scss

@@ -1,7 +1,6 @@
 .chroma {
   background-color: #ffffff;
   color: #555;
-  margin: 1rem 0;
 }
 .chroma code {
   background-color: $color-code;
@@ -35,7 +34,7 @@
   > pre.chroma code {
     padding: 1rem;
     width: 100%;
-    overflow: auto;
+    overflow-x: auto;
   }
 }
 

src/sass/_markdown.scss

@@ -2,13 +2,18 @@
   line-height: 1.6em;
 
   > :first-child {
-    margin-top: 0;
+    margin-top: 0 !important;
   }
 
   &--nested {
     :first-child {
       margin-top: 0;
     }
+
+    > pre {
+      margin-top: 0 !important;
+    }
+
     > :last-child {
       margin-bottom: 0;
     }

src/sass/_mobile.scss

@@ -62,6 +62,10 @@
     }
   }
 
+  .flex-mobile-column {
+    flex-direction: column;
+  }
+
   .gblog-footer {
     &__item {
       width: 100%;