styles for .article body content; published: false

Author: brandonrosage

_layouts/post.html

@@ -24,7 +24,9 @@ <h1 class="f00-light lh-condensed">{{ page.title }}</h1>
             <p class="f5"><a href="/" class="d-flex flex-items-center {% if site.style == 'dark' %}text-white{% endif %}">{% octicon chevron-left height:16 class:"mr-2 v-align-middle" fill:{{ icon_color }} aria-label:Home %}Home</a></p>
             <h1 class="f00-light lh-condensed">{{ page.title }}</h1>
             <p class="{% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %} mb-5">Published {{ page.date | date: "%b %d, %Y"}}</p>
-            {{ content }}
+            <div class="article">
+              {{ content }}
+            </div>
           </div>
         </div>
       </div>

_posts/2019-01-29-hello-world.md

@@ -1,6 +1,6 @@
 ---
 title: "Welcome to Jekyll!"
-published: true
+published: false
 ---
 
 **Hello world**, this is my first Jekyll blog post.
@@ -72,4 +72,4 @@ body {
 one: Mark McGwire
 two: Sammy Sosa
 three: Ken Griffey
-```
+```

assets/styles.scss

@@ -21,3 +21,10 @@ body {
     top: 2px;
     width: 12px;
 }
+
+.article {
+  h1, h2, h3, h4,
+  .highlight {
+    margin-bottom: 16px;
+  }
+}