From 13cdc0dc4674365e08bf33361d36c5d826ddd47c Mon Sep 17 00:00:00 2001
From: Matias Alejo Garcia <ematiu@gmail.com>
Date: Thu, 7 May 2015 18:49:30 -0300
Subject: [PATCH] fix easing

---
 src/css/mobile.css | 73 +++++++++++-----------------------------------
 1 file changed, 17 insertions(+), 56 deletions(-)

diff --git a/src/css/mobile.css b/src/css/mobile.css
index d77ab1f13..e081e1c64 100644
--- a/src/css/mobile.css
+++ b/src/css/mobile.css
@@ -404,9 +404,16 @@ to prevent collapsing during animation*/
   position: absolute;
   left: 0;
   right: 0;
-  transition:all 0.3s linear;
-  -webkit-animation-fill-mode: both;
+
+  animation-timing-function: ease-in-out;
+  animation-duration: 0.4s;
+  animation-iteration-count: 1;
   animation-fill-mode: both;
+  
+  -webkit-animation-timing-function: ease-in-out;
+  -webkit-animation-duration: 0.4s;
+  -webkit-animation-iteration-count: 1;
+  -webkit-animation-fill-mode: both;
 }
 
 @-webkit-keyframes CslideInUp {
@@ -436,8 +443,8 @@ to prevent collapsing during animation*/
 }
 
 .CslideInUp {
-  -webkit-animation: CslideInUp 0.3s 1;
-  animation: CslideInUp 0.3s 1;
+  -webkit-animation-name: CslideInUp;
+  animation-name: CslideInUp;
   z-index: 1003;
 }
 
@@ -468,8 +475,8 @@ to prevent collapsing during animation*/
 }
 
 .CslideOutDown {
-  -webkit-animation: CslideOutDown 0.3s 1;
-  animation: CslideOutDown 0.3s 1;
+  -webkit-animation-name: CslideOutDown;
+  animation-name: CslideOutDown;
   z-index: 1003;
 }
 
@@ -500,8 +507,8 @@ to prevent collapsing during animation*/
 }
 
 .CslideInLeft {
-  -webkit-animation: CslideInLeft 0.3s 1;
-  animation: CslideInLeft 0.3s 1;
+  -webkit-animation-name: CslideInLeft;
+  animation-name: CslideInLeft;
   z-index: 1003;
 }
 
@@ -532,57 +539,11 @@ to prevent collapsing during animation*/
 }
 
 .CslideInRight {
-  -webkit-animation: CslideInRight 0.3s 1;
-  animation: CslideInRight 0.3s 1;
+  -webkit-animation-name: CslideInRight;
+  animation-name: CslideInRight;
   z-index: 1003;
 }
 
-/*  */
-/* [ui-view].slideDown.ng-enter { */
-/*   -webkit-transform:translate3d(0, 0, 0); */
-/*   -moz-transform:translate3d(0, 0, 0); */
-/*   transform:translate3d(0, 0, 0); */
-/*   z-index:120; */
-/* } */
-/*  */
-/* [ui-view].slideDown.ng-enter-active { */
-/*   z-index:120; */
-/* } */
-/*  */
-/*  [ui-view].slideDown.ng-leave { */
-/*   -webkit-transform:translate3d(0, 0, 0); */
-/*   z-index:100; */
-/* } */
-/*  */
-/* [ui-view].slideDown.ng-leave-active { */
-/*   -webkit-transform:translate3d(0, 0, 0); */
-/*   z-index:101; */
-/* } */
-/*  */
-
-
-[ui-view].slideRight.ng-enter {
-  -webkit-transform:translate3d(100%, 0, 0);
-  z-index:100;
-}
-
-[ui-view].slideRight.ng-enter-active {
-  -webkit-transform:translate3d(0, 0, 0);
-  z-index:100;
-}
-
- [ui-view].slideRight.ng-leave {
-  -webkit-transform:translate3d(0, 0, 0);
-  z-index:120;
-}
-
-[ui-view].slideRight.ng-leave-active {
-  -webkit-transform:translate3d(100%,0, 0);
-  z-index:120;
-}
-
-
-
 /* == */
 
 .icon-circle, .icon-circle-active {