WIP

source/_includes/post/about-author.html.twig

@@ -1,7 +1,7 @@
-<div class="about-author is-clearfix mt-2">
+<div class="cf mt2">
     <h2>About the Author</h2>
 
-    <img src="{{ site.images_url }}{{ site.avatar.url }}" alt="Picture of Oliver" class="is-circle is-pulled-left mr-1 mb-1">
+    <img src="{{ site.images_url }}{{ site.avatar.url }}" alt="Picture of Oliver" class="w3 mr3 br-100 fl">
 
     <p>Oliver Davies is a Web Developer, System Administrator and Drupal specialist based in the UK. He is a {{ site.work.role }} at <a href="{{ site.companies[site.work.company].url }}">{{ site.companies[site.work.company].name }}</a> and also provides freelance consultancy services for Drupal websites, PHP applications and Linux servers.</p>
 </div>

source/_includes/post/header.html.twig

@@ -1,4 +1,8 @@
 {% set title_tag = title_tag ?: 'h1' %}
-<{{ title_tag }}>{{ page.title }}</{{ title_tag }}>
+<{{ title_tag }} class="mb1">
+    {{ page.title }}
+</{{ title_tag }}>
 
-<p class="posted">{{ page.date|date('jS F Y') }}</p>
+<p class="mt0 black-50">
+    {{ page.date|date('jS F Y') }}
+</p>

source/_includes/post/intro-image.html.twig

@@ -1,5 +1,5 @@
 {% if page.blocks.intro_image %}
-    <div class="has-text-centered">
+    <div class="mv3 tc">
         {{ page.blocks.intro_image|raw }}
     </div>
 {% endif %}

source/_includes/post/pager.html.twig

@@ -1,15 +1,15 @@
-<div class="post-pager is-clearfix is-flex mt-2">
+<div class="flex mt3">
     {% if page.previous_post %}
-        <div class="is-half flex">
-           <a href="{{ page.previous_post.url }}">
+        <div class="w-50-ns">
+           <a href="{{ page.previous_post.url }}" class="blue1">
                 &laquo; {{ page.previous_post.title }}
             </a>
         </div>
     {% endif %}
 
     {% if page.next_post %}
-        <div class="is-half flex has-text-right">
-            <a href="{{ page.next_post.url }}">
+        <div class="w-50-ns tr">
+            <a href="{{ page.next_post.url }}" class="blue1">
                 {{ page.next_post.title }} &raquo;
             </a>
         </div>