Add timeline bound indicators to baseline

1 files changed, 23 insertions, 0 deletions

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;