feat(animation): add fade in animation by route change (#1958)

akveo · Dec 26, 2018 · 773c14e · 773c14e
1 parent 0ffaee5
commit 773c14e
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/src/app/pages/pages.component.scss b/src/app/pages/pages.component.scss
@@ -1,6 +1,21 @@
 @import '../@theme/styles/themes';
 
 @include nb-install-component() {
+  /deep/ router-outlet + * {
+    display: block;
+    animation: fade 1s;
+
+    @keyframes fade {
+      from {
+        opacity: 0;
+      }
+
+      to {
+        opacity: 1;
+      }
+    }
+  }
+
   /*
   * TODO: hot fix, in prod mode popover arrow has wong style.
   * Delete this after weill be fixed https://github.com/akveo/nebular/issues/1006