⚗️ Page animation

2019-11-30 05:54:47 +05:30
parent a0191bafe7
commit b7fc72004f
2 changed files with 7 additions and 17 deletions
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -1,22 +1,14 @@
-// Layout transitions
+.page-enter-active,
+.page-leave-active,
 .layout-enter-active,
 .layout-leave-active {
-  transition: opacity 0.5s;
-}
-
-.layout-enter,
-.layout-leave-active {
-  opacity: 0;
-}
-
-// Page transitions
-.page-enter-active,
-.page-leave-active {
-  transition: opacity 0.5s;
+  transition: all 0.2s ease-in-out;
 }

 .page-enter,
-.page-leave-to {
+.page-leave-active,
+.layout-enter,
+.layout-leave-active {
  opacity: 0;
 }