From 881789397b75e3907fafa058dce8651ddfacb1a5 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Tue, 15 Jan 2019 21:17:04 +0000
Subject: [PATCH] Use spaced classes

---
 source/_layouts/post.html.twig    |  2 +-
 source/about.html.twig            |  2 +-
 source/articles/archive.html.twig |  4 ++--
 source/articles/index.html.twig   | 12 +++++++-----
 source/test-driven-drupal.md      |  2 +-
 5 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/source/_layouts/post.html.twig b/source/_layouts/post.html.twig
index 7e6a21d7..f22064fe 100644
--- a/source/_layouts/post.html.twig
+++ b/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>
diff --git a/source/about.html.twig b/source/about.html.twig
index 1740fc7c..cffa0322 100644
--- a/source/about.html.twig
+++ b/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>
diff --git a/source/articles/archive.html.twig b/source/articles/archive.html.twig
index ec69942d..d5c5dd51 100644
--- a/source/articles/archive.html.twig
+++ b/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 %}
diff --git a/source/articles/index.html.twig b/source/articles/index.html.twig
index b2f8f8be..083b0094 100644
--- a/source/articles/index.html.twig
+++ b/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>
diff --git a/source/test-driven-drupal.md b/source/test-driven-drupal.md
index 12658dfe..54b37ea6 100644
--- a/source/test-driven-drupal.md
+++ b/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: