From e3a9c19e0322b5d4e9b802ad8cca65c6c8d9eeef Mon Sep 17 00:00:00 2001
From: Florian RICHER <florian.richer@unova.fr>
Date: Sun, 4 Jun 2023 22:13:02 +0200
Subject: [PATCH] Add animation

---
 src/components/timeline/TimelineElement.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/components/timeline/TimelineElement.scss b/src/components/timeline/TimelineElement.scss
index 905573c..9d70892 100644
--- a/src/components/timeline/TimelineElement.scss
+++ b/src/components/timeline/TimelineElement.scss
@@ -57,8 +57,27 @@
                     & > i > svg {
                         @apply -rotate-180;
                     }
+
+                    & ~ * {
+                        animation: toggle 0.4s ease-in-out;
+                    }
                 }
             }
         }
     }
+}
+
+@keyframes toggle {
+    0% {
+        font-size: 0;
+        opacity: 0;
+    }
+    90% {
+        font-size: 1rem;
+        opacity: 0;
+    }
+    100% {
+        font-size: 1rem;
+        opacity: 1;
+    }
 }
\ No newline at end of file