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;