Use spaced classes

source/_layouts/post.html.twig

@@ -15,7 +15,7 @@
     {% include 'post/header' %}
     {% include 'post/intro-image' %}
 
-    <div class="markdown mb-6">
+    <div class="markdown spaced-y-4 mb-6">
         {% include 'post/old-post-message' %}
         {% block content %}{% endblock %}
     </div>

source/about.html.twig

@@ -13,7 +13,7 @@ permalink: /
 {% block content %}
 <div class="md:flex -mx-6">
     <div class="w-auto md:flex-1 px-6 mb-12 md:mb-0">
-        <div class="markup mb-8">
+        <div class="markup spaced-y-4 mb-8">
             <div class="mb-4 w-32"><img src="/images/me-precedent.jpg" alt="Picture of Oliver" class="rounded-full border border-grey"/></div>
 
             <p>Hi, I’m Oliver Davies (aka <a href="https://www.google.com/#q=opdavies">opdavies</a>) - a Full Stack Web Developer and System Administrator based in Wales, UK.</p>

source/articles/archive.html.twig

@@ -10,9 +10,9 @@ use: [posts]
 {% endblock %}
 
 {% block content %}
-    <ul class="list-reset -mt-4 -mx-4">
+    <ul class="list-reset -mt-4 -mx-4 spaced-y-4">
         {% for post in data.posts %}
-            <li class="p-4 mb-6 {{ post.draft ? 'bg-blue-lighter' }}">
+            <li class="p-4 {{ post.draft ? 'bg-blue-lighter' }}">
                 {% include 'blog/post-summary' %}
             </li>
         {% endfor %}

source/articles/index.html.twig

@@ -3,11 +3,13 @@ layout: default
 title: Articles
 use: [posts]
 ---
-{% for post in data.posts if post.favourite %}
-    <div class="mb-10">
-        {% include 'blog/post-summary' %}
-    </div>
-{% endfor %}
+<div class="mb-10 spaced-y-10">
+    {% for post in data.posts if post.favourite %}
+        <div>
+            {% include 'blog/post-summary' %}
+        </div>
+    {% endfor %}
+</div>
 
 <div class="markup">
     <a href="/articles/archive">Archive</a>

source/test-driven-drupal.md

@@ -5,7 +5,7 @@ mailchimp_url: 'https://oliverdavi.us18.list-manage.com/subscribe/post?u=b4ac8dd
 contact_email: 'oliver@testdrivendrupal.com'
 ---
 {% block content %}
-<div class="markdown mb-6" markdown="1">
+<div class="markdown spaced-y-4 mb-6" markdown="1">
 Having [given talks][1] and workshops, been a guest on podcasts and [written blog posts][0] about automated testing in Drupal, I’m currently in the planning phase of a book and potentially some accompanying screencasts about it, focussing on Drupal 8.
 
 I’m still thinking about what use-cases to cover and examples to include, but here are some of the things I’m considering: