From 8f5bb0a448f55dcca81a54a334fa26b1e74c349c Mon Sep 17 00:00:00 2001
From: Djordje Vlaisavljevic <dzvlais@gmail.com>
Date: Wed, 6 Jul 2022 12:23:42 +0200
Subject: [PATCH] Added popup and fadein animations to the theme

---
 ghost/sodo-search/tailwind.config.js | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/ghost/sodo-search/tailwind.config.js b/ghost/sodo-search/tailwind.config.js
index 9ab1b962c0..b998ac75a0 100644
--- a/ghost/sodo-search/tailwind.config.js
+++ b/ghost/sodo-search/tailwind.config.js
@@ -92,7 +92,22 @@ module.exports = {
             '7xl': ['7.2rem', '1'],
             '8xl': ['9.6rem', '1'],
             '9xl': ['12.8rem', '1']
-        }
+        },
+        animation: {
+            'popup': 'popup 0.25s ease-in-out',
+            'fadein': 'fadein 0.2s'
+        },
+        keyframes: {
+            popup: {
+              '0%': { transform: 'translateY(-20px)', opacity: '0' },
+              '1%': { transform: 'translateY(20px)', opacity: '0'  },
+              '100%': { transform: 'translateY(0)', opacity: '1.0' }
+            },
+            fadein: {
+                '0%': { opacity: '0' },
+                '100%': { opacity: '1' }
+            }
+        }    
     },
     content: [
         './src/**/*.{js,jsx,ts,tsx}'