add some fancy animation 🌠

jfsnowden · Aug 14, 2017 · da9a7d9 · da9a7d9
1 parent 6c04049
commit da9a7d9
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/modules/nbGuideline/css/global.less b/modules/nbGuideline/css/global.less
@@ -18,4 +18,26 @@ pre{
   padding: 2rem 1rem;
   font-size: 14px;
   height: 180px;
+}
+
+[ui-view].ng-enter, [ui-view].ng-leave {
+  transition:all .5s ease-in-out;
+}
+
+[ui-view].ng-enter {
+  opacity: 0;
+  margin-top: 80px;
+}
+
+[ui-view].ng-enter-active {
+  opacity: 1;
+  margin-top: 0;
+}
+
+[ui-view].ng-leave {
+  display:none;
+}
+
+[ui-view].ng-leave-active {
+  display:none;
 }
diff --git a/modules/nbGuideline/module.js b/modules/nbGuideline/module.js
@@ -5,6 +5,7 @@
         'nb.common',
         'ui.router',
         'ui.bootstrap',
+        'ngAnimate',
         'hljs'
     ]);