added some transitions

assets/css/app.scss

@@ -2,9 +2,9 @@
 @import './base/variables';
 @import './base/colors';
 @import './base/grid-flex';
+@import './base/transitions';
 @import './base/layout';
 @import './base/fonts';
-@import './base/transitions';
 
 /* The emerging W3C standard
 that is currently Firefox-only */

assets/css/base/_layout.scss

@@ -42,6 +42,9 @@ body{
       height:100%; max-height:100%;
       overflow-y: hidden;
       overflow-x: hidden;
+      >*{
+        @include fade-transition;
+      }
       @media only screen and (max-width: $small-bp) {
         overflow-y: auto;
         padding:0 $side-padding/2 0 $side-padding/2;

assets/css/base/_transitions.scss

@@ -45,3 +45,38 @@
     transition: all 200ms ease-in-out;
   }
 }
+
+// .fade-enter,
+// .fade-leave-to{
+//   opacity: 0;
+// }
+// .fade-enter-to,
+// .fade-leave{
+//   opacity:1;
+// }
+.fade-enter-active{
+  transition: all 300ms ease-in-out;
+}
+.fade-leave-active{
+  transition: all 200ms ease-in-out;
+}
+
+// .fade-enter-active,
+// .fade-leave-active {
+//   transition-duration: 0.3s;
+//   transition-property: opacity;
+//   transition-timing-function: ease;
+// }
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0
+}
+
+// .edition-texts-enter-active, .edition-texts-leave-active {
+//   transition: all 1s;
+// }
+// .edition-texts-enter, .edition-texts-leave-to /* .list-leave-active below version 2.1.8 */ {
+//   max-height: 0;
+//   // transform: translateY(30px);
+// }