Highlight draft posts

source/blog.html

@@ -4,10 +4,10 @@ title: Blog
 use: [posts]
 ---
 {% block content %}
-    <ul class="list-reset">
+    <ul class="list-reset -mx-4">
         {% for post in data.posts %}
-            <li class="mb-12">
-                <h2 class="text-2xl mb-1">{{ post.title }}</h2>
+            <li class="p-4 mb-12 {{ post.draft ? 'bg-blue-lighter' }}">
+                <h2 class="text-2xl mb-1">{{ post.draft ? 'Draft: '|upper }}{{ post.title }}</h2>
                 <p class="text-sm text-grey-dark mb-4">Posted on {{ post.date|date('jS F Y') }}</p>
 
                 {% include 'post/intro-image' with { page: post } %}