From 773c14e74aee4f0cb31e1235fcedca118bb7193c Mon Sep 17 00:00:00 2001
From: Denis Strigo <denis2295@gmail.com>
Date: Wed, 26 Dec 2018 15:20:22 +0300
Subject: [PATCH] feat(animation): add fade in animation by route change
 (#1958)

---
 src/app/pages/pages.component.scss | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/app/pages/pages.component.scss b/src/app/pages/pages.component.scss
index 9884722b..92ca559f 100644
--- 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