From 05ba91b4724824f3662d4c9ac0b864225144cef5 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sat, 23 Mar 2019 07:18:14 +0000
Subject: [PATCH] Extract entry-title into a component

---
 .../src/css/components/post.css                   | 15 +++++++++++++++
 .../twentynineteen-tailwindcss/src/css/style.css  |  2 ++
 .../twentynineteen-tailwindcss/tailwind.config.js |  1 +
 .../template-parts/content/content.php            |  4 ++--
 4 files changed, 20 insertions(+), 2 deletions(-)
 create mode 100644 wp-content/themes/twentynineteen-tailwindcss/src/css/components/post.css

diff --git a/wp-content/themes/twentynineteen-tailwindcss/src/css/components/post.css b/wp-content/themes/twentynineteen-tailwindcss/src/css/components/post.css
new file mode 100644
index 0000000..b983575
--- /dev/null
+++ b/wp-content/themes/twentynineteen-tailwindcss/src/css/components/post.css
@@ -0,0 +1,15 @@
+.entry-title {
+  @apply text-black text-4xl font-bold mt-6 mb-8;
+
+  @screen md {
+    @apply text-5xl
+  }
+}
+
+.entry-title a {
+  @apply text-inherit;
+
+  &:hover {
+    @apply text-gray-800 no-underline
+  }
+}
diff --git a/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css b/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css
index 324ff84..97cb8bf 100644
--- a/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css
+++ b/wp-content/themes/twentynineteen-tailwindcss/src/css/style.css
@@ -39,6 +39,8 @@ h2 {
   @apply absolute opacity-0 pointer-events-none
 }
 
+@import 'components/post.css';
+
 .content {
   @apply font-serif text-lg leading-loose;
   @screen md {
diff --git a/wp-content/themes/twentynineteen-tailwindcss/tailwind.config.js b/wp-content/themes/twentynineteen-tailwindcss/tailwind.config.js
index 554a298..00c9306 100644
--- a/wp-content/themes/twentynineteen-tailwindcss/tailwind.config.js
+++ b/wp-content/themes/twentynineteen-tailwindcss/tailwind.config.js
@@ -3,6 +3,7 @@ module.exports = {
     extend: {
       colors: {
         'gray-600': '#767676',
+        inherit: 'inherit',
       },
     },
   },
diff --git a/wp-content/themes/twentynineteen-tailwindcss/template-parts/content/content.php b/wp-content/themes/twentynineteen-tailwindcss/template-parts/content/content.php
index 9ff05a4..c67b578 100644
--- a/wp-content/themes/twentynineteen-tailwindcss/template-parts/content/content.php
+++ b/wp-content/themes/twentynineteen-tailwindcss/template-parts/content/content.php
@@ -18,9 +18,9 @@
       printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
     }
     if ( is_singular() ) :
-      the_title( '<h1 class="text-4xl md:text-5xl font-bold mt-6 mb-8">', '</h1>' );
+      the_title( '<h1 class="entry-title">', '</h1>' );
     else :
-      the_title( sprintf( '<h2 class="text-4xl md:text-5xl font-bold mt-6 mb-8"><a class="text-black hover:text-gray-800 hover:no-underline" href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
+      the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
     endif;
     ?>
   </header><!-- .entry-header -->