move modal animation keyframes definition

5 years ago · 2cadeeb724
parent c217483640
commit 2cadeeb724
2 changed files with 9 additions and 9 deletions
--- a/src/App.scss
+++ b/src/App.scss
@ -705,15 +705,6 @@ nav {
  }
 }

-@keyframes modal-background-fadein {
-  from {
-    background-color: rgba(0, 0, 0, 0);
-  }
-  to {
-    background-color: rgba(0, 0, 0, 0.5);
-  }
-}
-
 .button-icon {
  font-size: 1.2em;
 }
--- a/src/components/modal/modal.vue
+++ b/src/components/modal/modal.vue
@ -31,4 +31,13 @@
    opacity: 0;
  }
 }
+
+@keyframes modal-background-fadein {
+  from {
+    background-color: rgba(0, 0, 0, 0);
+  }
+  to {
+    background-color: rgba(0, 0, 0, 0.5);
+  }
+}
 </style>