From eeb9ea8d489c890a80c88658cb860577075ac660 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Tue, 1 Feb 2022 22:59:25 +0100
Subject: chore: animate main with fade in effect

---
 src/components/Main/Main.module.scss |  4 ++++
 src/styles/base/_animations.scss     | 10 ++++++++++
 2 files changed, 14 insertions(+)

(limited to 'src')

diff --git a/src/components/Main/Main.module.scss b/src/components/Main/Main.module.scss
index 7c20020..819474c 100644
--- a/src/components/Main/Main.module.scss
+++ b/src/components/Main/Main.module.scss
@@ -1,3 +1,7 @@
 .wrapper {
   flex: 1;
+
+  :global {
+    animation: fade-in 1.5s ease-in-out 0s 1;
+  }
 }
diff --git a/src/styles/base/_animations.scss b/src/styles/base/_animations.scss
index 773bf1d..7dc0d25 100644
--- a/src/styles/base/_animations.scss
+++ b/src/styles/base/_animations.scss
@@ -136,3 +136,13 @@
     color: var(--color-bg-tertiary);
   }
 }
+
+@keyframes fade-in {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
-- 
cgit v1.2.3