From bb4f7f6dd4054de2c29113f72bc43777337aed9b Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Mon, 10 Oct 2022 19:24:56 +1100
Subject: Add timeline bound indicators to baseline

---
 src/index.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

(limited to 'src/index.css')

diff --git a/src/index.css b/src/index.css
index 44996b5..e050c82 100644
--- a/src/index.css
+++ b/src/index.css
@@ -3,6 +3,29 @@
 @tailwind components;
 @tailwind utilities;
 
+/* For transitions/animations */
+.fade-enter-from, .fade-leave-to {
+	opacity: 0;
+}
+.fade-enter-active, .fade-leave-active {
+	transition-property: opacity;
+	transition-duration: 300ms;
+	transition-timing-function: ease-out;
+}
+.animate-fadein {
+	animation-name: fadein;
+	animation-duration: 300ms;
+	animation-timing-function: ease-in;
+}
+@keyframes fadein {
+	from {
+		opacity: 0;
+	}
+	to {
+		opacity: 1;
+	}
+}
+
 /* Other */
 @font-face {
 	font-family: Ubuntu;
-- 
cgit v1.2.3