From 2fa94c4e18102be23638a1864b645b7076b1ba04 Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Thu, 25 Feb 2016 18:22:08 +0300
Subject: [PATCH] + animation style vars

---
 src/style/components/page-school.scss | 6 ++++--
 src/style/variables.scss              | 5 ++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/style/components/page-school.scss b/src/style/components/page-school.scss
index 0db09981..b4ae43af 100644
--- a/src/style/components/page-school.scss
+++ b/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;
   }
 }
\ No newline at end of file
diff --git a/src/style/variables.scss b/src/style/variables.scss
index e9c7efdc..be690555 100644
--- a/src/style/variables.scss
+++ b/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%);
\ No newline at end of file
+$menu-inactive-item-color: hsl(0, 0%, 40%);
+
+//ANIMATION
+$short-duration: 0.3s;
\ No newline at end of file