From c4944d684704e61b1ee42bcb2b9b59e24b53c4fb Mon Sep 17 00:00:00 2001
From: Damillora <developer@damillora.com>
Date: Thu, 14 Nov 2019 14:30:53 +0700
Subject: [PATCH] Add overflow for post cards

---
 partials/post-card.hbs | 2 +-
 tailwind.config.js     | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/partials/post-card.hbs b/partials/post-card.hbs
index a0f7119..3967cb5 100644
--- a/partials/post-card.hbs
+++ b/partials/post-card.hbs
@@ -15,7 +15,7 @@
     <div class="mt-0 text-xl text-white group-hover:text-gray-300">
       <a href="{{url}}"><h1 class="font-light">{{title}}</h1></a>
     </div>
-    <div class="block mt-2 mb-4 text-sm text-white">
+    <div class="block mt-2 mb-4 text-sm text-white max-h-24 overflow-hidden">
        <p>{{excerpt words="30"}}</p>
     </div>
     <div class="flex flex-row items-center my-2">
diff --git a/tailwind.config.js b/tailwind.config.js
index f9a6bca..f883621 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -23,6 +23,11 @@ module.exports = {
           '800': '#173B6C',
           '900': '#0E254C',
         }
+      },
+      maxHeight: {
+       '16': '4rem',
+       '24': '6rem',
+       '32': '8rem',
       }
     },
     fontFamily: {