From 2352c136a1acbcbcfe692ab02f4028be9d86c14e Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 28 Oct 2022 13:02:00 -0700
Subject: [PATCH] Add fadeIn style

---
 src/renderer/styles/mixins.ts | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/renderer/styles/mixins.ts b/src/renderer/styles/mixins.ts
index 6901c2e69..0bee1ca77 100644
--- a/src/renderer/styles/mixins.ts
+++ b/src/renderer/styles/mixins.ts
@@ -28,3 +28,17 @@ export const coverBackground = css`
   background-position: center;
   background-size: cover;
 `;
+
+export const fadeIn = css`
+  animation: fadein 0.3s;
+
+  @keyframes fadein {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
+`;