Add full class names to animations.scss

matrix-org · Aug 11, 2021 · ef3737d · ef3737d
1 parent c872609
commit ef3737d
Showing 1 changed file with 13 additions and 15 deletions.
diff --git a/res/css/_animations.scss b/res/css/_animations.scss
@@ -19,21 +19,19 @@ limitations under the License.
  * know they should not be used anywhere outside of React Transition Groups.
 */
 
-.mx_rtg--fade {
-    &-enter {
-        opacity: 0;
-        &-active {
-            opacity: 1;
-            transition: opacity 300ms ease;
-        }
-    }
-    &-exit {
-        opacity: 1;
-        &-active {
-            opacity: 0;
-            transition: opacity 300ms ease;
-        }
-    }
+.mx_rtg--fade-enter {
+    opacity: 0;
+}
+.mx_rtg--fade-enter-active {
+    opacity: 1;
+    transition: opacity 300ms ease;
+}
+.mx_rtg--fade-exit {
+    opacity: 1;
+}
+.mx_rtg--fade-exit-active {
+    opacity: 0;
+    transition: opacity 300ms ease;
 }