From 15772ce82f401cd04291583ae10748dd38e9a9ac Mon Sep 17 00:00:00 2001
From: Jouni Koivuviita <jouni@vaadin.com>
Date: Thu, 4 Dec 2014 17:00:50 +0200
Subject: [PATCH] Add backwards keyword for Valo utility animations (#14873,
 #14806)

Change-Id: Ib8eac880deb50b9bf32dc80f572c716413d14e69
---
 WebContent/VAADIN/themes/valo/util/_anim.scss | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/WebContent/VAADIN/themes/valo/util/_anim.scss b/WebContent/VAADIN/themes/valo/util/_anim.scss
index 0cb738d832..12c557d7de 100644
--- a/WebContent/VAADIN/themes/valo/util/_anim.scss
+++ b/WebContent/VAADIN/themes/valo/util/_anim.scss
@@ -75,7 +75,7 @@ $valo-anim-keyframes-included: false !default;
       @include transform(translatey(30%));
     }
   }
-  
+
   $valo-anim-keyframes-included: true;
 }
 
@@ -88,7 +88,7 @@ $valo-anim-keyframes-included: false !default;
  * @param {time} $delay (null) - the delay of the fade
  */
 @mixin valo-animate-in-fade ($duration: 180ms, $delay: null){
-  @include animation(valo-animate-in-fade $duration $delay);
+  @include animation(valo-animate-in-fade $duration $delay backwards);
 }
 
 /**
@@ -100,7 +100,7 @@ $valo-anim-keyframes-included: false !default;
  * @param {time} $delay (null) - the delay of the fade
  */
 @mixin valo-animate-out-fade ($duration: 180ms, $delay: null){
-  @include animation(valo-animate-out-fade $duration $delay);
+  @include animation(valo-animate-out-fade $duration $delay backwards);
 }
 
 /**
@@ -112,7 +112,7 @@ $valo-anim-keyframes-included: false !default;
  * @param {time} $delay (null) - the delay of the slide
  */
 @mixin valo-animate-in-slide-down ($duration: 400ms, $delay: null){
-  @include animation(valo-animate-in-slide-down $duration $delay);
+  @include animation(valo-animate-in-slide-down $duration $delay backwards);
 }
 
 /**
@@ -124,7 +124,7 @@ $valo-anim-keyframes-included: false !default;
  * @param {time} $delay (null) - the delay of the slide
  */
 @mixin valo-animate-in-slide-up ($duration: 400ms, $delay: null){
-  @include animation(valo-animate-in-slide-up $duration $delay);
+  @include animation(valo-animate-in-slide-up $duration $delay backwards);
 }
 
 /**
@@ -136,7 +136,7 @@ $valo-anim-keyframes-included: false !default;
  * @param {time} $delay (null) - the delay of the slide
  */
 @mixin valo-animate-in-slide-left ($duration: 400ms, $delay: null){
-  @include animation(valo-animate-in-slide-left $duration $delay);
+  @include animation(valo-animate-in-slide-left $duration $delay backwards);
 }
 
 /**
@@ -148,5 +148,5 @@ $valo-anim-keyframes-included: false !default;
  * @param {time} $delay (null) - the delay of the slide
  */
 @mixin valo-animate-in-slide-right ($duration: 400ms, $delay: null){
-  @include animation(valo-animate-in-slide-right $duration $delay);
+  @include animation(valo-animate-in-slide-right $duration $delay backwards);
 }
-- 
2.39.5