From f014c06343d0ad2ee302461d9669de5ebfb2c481 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Mon, 18 Mar 2019 00:08:10 +0000
Subject: [PATCH] Add content styling

---
 wp-content/themes/wp-tailwind/index.php       |  6 ++++--
 .../themes/wp-tailwind/src/css/style.css      | 20 +++++++++++++++++++
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/wp-content/themes/wp-tailwind/index.php b/wp-content/themes/wp-tailwind/index.php
index f3144c1..c0edbf2 100644
--- a/wp-content/themes/wp-tailwind/index.php
+++ b/wp-content/themes/wp-tailwind/index.php
@@ -13,8 +13,10 @@ if ( have_posts() ) : ?>
       </a>
     </h2>
 
-    <div class="max-w-xl font-serif text-xl leading-loose">
-      <?php the_content(); ?>
+    <div class="max-w-xl">
+      <div class="content">
+        <?php the_content(); ?>
+      </div>
     </div>
 
     <footer class="text-grey-darker my-10">
diff --git a/wp-content/themes/wp-tailwind/src/css/style.css b/wp-content/themes/wp-tailwind/src/css/style.css
index 2798fd2..d7ce7d8 100644
--- a/wp-content/themes/wp-tailwind/src/css/style.css
+++ b/wp-content/themes/wp-tailwind/src/css/style.css
@@ -11,4 +11,24 @@ a:focus {
 
 @tailwind components;
 
+.content {
+  @apply font-serif text-xl leading-loose;
+
+  h2 {
+    @apply text-2xl font-bold mt-8 -mb-5
+  }
+
+  a {
+    @apply text-black font-bold
+  }
+
+  * + * {
+    @apply mt-6
+  }
+
+  li + li {
+    @apply mt-0
+  }
+}
+
 @tailwind utilities;