From 397a4414f314076199a0142e1bc6f01abda0675a Mon Sep 17 00:00:00 2001
From: Tobias <t@tobiasjordans.de>
Date: Sun, 24 Jan 2021 22:21:28 +0100
Subject: [PATCH] Move custom max-height-version to Config
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

As it turns out, the config does work once you restart the server … :facepalm:
---
 index.css          | 8 --------
 tailwind.config.js | 9 ++++-----
 2 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/index.css b/index.css
index 2e917c2..23438b8 100644
--- a/index.css
+++ b/index.css
@@ -3,14 +3,6 @@
 @tailwind utilities;
 
 @layer utilities {
-  @variants responsive {
-    .max-h-65vh {
-      max-height: 65vh;
-    }
-      
-      .max-h-20vh {
-          max-height: 20vh;
-      }
   .btn {
       @apply inline-flex justify-center;
       @apply py-2 px-4;
diff --git a/tailwind.config.js b/tailwind.config.js
index d4c4df0..d11a3cc 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -6,11 +6,10 @@ module.exports = {
   darkMode: false, // or 'media' or 'class'
   theme: {
     extend: {
-      // This does not work and I don't know why.
-      // Luckily index.css "@layer utilities" has the same effekt.
-      // maxHeight: {
-      //   '65vh': '65vh',
-      // },
+      maxHeight: {
+        '65vh': '65vh',
+        '20vh': '20vh',
+      },
     },
   },
   variants: {