styles for .article body content; published: false

_layouts/post.html

@@ -24,12 +24,14 @@
             <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>
+            <div class="article">
               {{ content }}
             </div>
           </div>
         </div>
       </div>
     </div>
+  </div>
 {% endif %}
 
 {% include footer.html %}

_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.

assets/styles.scss

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