From 73d6213427dde91da0da5d10b86ba45251edbb03 Mon Sep 17 00:00:00 2001
From: nklhrstv <me@nikolahristov.com>
Date: Fri, 8 Jul 2022 11:52:47 +0300
Subject: [PATCH] impl fade-in animation

---
 src/App/styles.less        |  1 +
 src/common/animations.less | 20 ++++++++++++++++++++
 2 files changed, 21 insertions(+)
 create mode 100644 src/common/animations.less

diff --git a/src/App/styles.less b/src/App/styles.less
index e9a01575a..1d24672ab 100644
--- a/src/App/styles.less
+++ b/src/App/styles.less
@@ -5,6 +5,7 @@
 @import (reference) '~@stremio/stremio-colors/less/stremio-colors.less';
 
 :global {
+    @import (once, less) '~stremio/common/animations.less';
     @import (once, less) '~stremio-router/styles.css';
 }
 
diff --git a/src/common/animations.less b/src/common/animations.less
new file mode 100644
index 000000000..02b19b340
--- /dev/null
+++ b/src/common/animations.less
@@ -0,0 +1,20 @@
+:global(.animation-fade-in) {
+    :local {
+        animation-name: fade-in;
+    }
+
+    animation-timing-function: ease-in-out;
+    animation-duration: 100ms;
+}
+
+@keyframes fade-in {
+    0% {
+        opacity: 0.6;
+        transform: translateY(0.2vh);
+    }
+
+    100% {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
\ No newline at end of file