From 469b389518719281e9e52d168deac7f8ab63986e Mon Sep 17 00:00:00 2001
From: morethanwords <thanwords24@gmail.com>
Date: Sun, 3 Jan 2021 20:04:18 +0400
Subject: [PATCH] Fix media viewer animations toggle

---
 src/scss/partials/_mediaViewer.scss | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/scss/partials/_mediaViewer.scss b/src/scss/partials/_mediaViewer.scss
index f7d9d434..6c069b05 100644
--- a/src/scss/partials/_mediaViewer.scss
+++ b/src/scss/partials/_mediaViewer.scss
@@ -1,6 +1,4 @@
 .media-viewer {
-  --open-duration: .2s;
-  --move-duration: .35s;
   position: fixed;
   top: 0;
   left: 0;
@@ -12,11 +10,6 @@
   align-items: center;
   justify-content: center;
 
-  body.animation-level-0 & {
-    --open-duration: 0;
-    --move-duration: 0;
-  }
-
   @include respond-to(handhelds) {
     background: #000;
   }
@@ -378,6 +371,8 @@
   }
 
   &-whole {
+    --open-duration: .2s;
+    --move-duration: .35s;
     top: 0;
     left: 0;
     width: 100%;
@@ -388,6 +383,11 @@
     visibility: hidden;
     transition: visibility 0s var(--open-duration);
 
+    body.animation-level-0 & {
+      --open-duration: 0s;
+      --move-duration: 0s;
+    }
+
     &.active {
       visibility: visible;
       transition-delay: 0s;