+ animation style vars

src/style/components/page-school.scss

@@ -1,10 +1,12 @@
+@import "../variables";
+
 .page-school {
   &.ng-leave {
     transform-origin: 0% 0%;
-    animation: rotateFall .3s both ease-in;
+    animation: rotateFall $short-duration both ease-in;
   }
 
   &.ng-enter {
-    animation: scaleUp 0.3s both ease-in;
+    animation: scaleUp $short-duration both ease-in;
   }
 }

src/style/variables.scss

@@ -43,4 +43,7 @@ $smaller-font-size: .8em;
 //MENU
 $menu-thickness: 2.5em;
 $menu-colored-mark-thickness: 4px;
-$menu-inactive-item-color: hsl(0, 0%, 40%);
+$menu-inactive-item-color: hsl(0, 0%, 40%);
+
+//ANIMATION
+$short-duration: 0.3s;