From 8e3be15365af599de094ead7038f01ae3c1215aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Tue, 14 Sep 2021 18:05:15 +0200
Subject: [PATCH] Move animations into _animations
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 res/css/_animations.scss               | 20 ++++++++++++++++++++
 res/css/_common.scss                   |  9 ---------
 res/css/views/elements/_ImageView.scss |  9 ---------
 3 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/res/css/_animations.scss b/res/css/_animations.scss
index 4d3ad97141..89c406dd85 100644
--- a/res/css/_animations.scss
+++ b/res/css/_animations.scss
@@ -53,3 +53,23 @@ limitations under the License.
         transition: none;
     }
 }
+
+
+@keyframes mx_Dialog_lightbox_background_keyframes {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: $lightbox-background-bg-opacity;
+    }
+}
+
+
+@keyframes mx_ImageView_panel_keyframes {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
diff --git a/res/css/_common.scss b/res/css/_common.scss
index 07f6c316b6..d7f8355d81 100644
--- a/res/css/_common.scss
+++ b/res/css/_common.scss
@@ -315,15 +315,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus {
     opacity: 0.4;
 }
 
-@keyframes mx_Dialog_lightbox_background_keyframes {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: $lightbox-background-bg-opacity;
-    }
-}
-
 .mx_Dialog_lightbox .mx_Dialog_background {
     opacity: $lightbox-background-bg-opacity;
     background-color: $lightbox-background-bg-color;
diff --git a/res/css/views/elements/_ImageView.scss b/res/css/views/elements/_ImageView.scss
index 4bf957b93b..6510cc2ec6 100644
--- a/res/css/views/elements/_ImageView.scss
+++ b/res/css/views/elements/_ImageView.scss
@@ -38,15 +38,6 @@ $button-gap: 24px;
     flex-shrink: 0;
 }
 
-@keyframes mx_ImageView_panel_keyframes {
-    from {
-        opacity: 0;
-    }
-    to {
-        opacity: 1;
-    }
-}
-
 .mx_ImageView_panel {
     width: 100%;
     height: 68px;