Update animation to scss.

src/styles/global/_animations.scss

@@ -18,26 +18,27 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  *
  */
-.fadetogglecontainer > div {
-position:absolute;
-width:100%;
-}
 
-.animate-show.ng-hide-add,
+.fadetogglecontainer > div {
-.animate-show.ng-hide-remove {
+  position: absolute;
--webkit-transition:all linear 0.5s;
+  width: 100%;
--moz-transition:all linear 0.5s;
--o-transition:all linear 0.5s;
-transition:all linear 0.5s;
-display:block!important;
-}
-
-.animate-show.ng-hide-add.ng-hide-add-active,
-.animate-show.ng-hide-remove {
-opacity:0;
 }
 
-.animate-show.ng-hide-add,
+.animate-show {
-.animate-show.ng-hide-remove.ng-hide-remove-active {
+  &.ng-hide-add {
-opacity:1;
+    opacity: 1;
+    display: block !important;
+    @include transition(all linear 0.5s);
+    &.ng-hide-add-active {
+      opacity: 0;
+    }
+  }
+  &.ng-hide-remove {
+    opacity: 0;
+    display: block !important;
+    @include transition(all linear 0.5s);
+    &.ng-hide-remove-active {
+      opacity: 1;
+    }
+  }
 }

src/styles/global/_mixins.scss

@@ -33,3 +33,10 @@
   -webkit-transition-duration: $duration;
 
 }
+
+@mixin transition($transition) {
+  transition: all linear 0.5s;
+  -moz-transition: all linear 0.5s;
+  -o-transition: all linear 0.5s;
+  -webkit-transition: all linear 0.5s;
+}