diff options
author | Jouni Koivuviita <jouni@vaadin.com> | 2014-12-04 17:00:50 +0200 |
---|---|---|
committer | Vaadin Code Review <review@vaadin.com> | 2015-06-15 12:26:52 +0000 |
commit | 15772ce82f401cd04291583ae10748dd38e9a9ac (patch) | |
tree | 7d6dcfab5875e20b7fdc6a36b23d46ce2cbd85ac /WebContent/VAADIN | |
parent | 684e619dd79e233ba798aa116810dd6585df3e7c (diff) | |
download | vaadin-framework-15772ce82f401cd04291583ae10748dd38e9a9ac.tar.gz vaadin-framework-15772ce82f401cd04291583ae10748dd38e9a9ac.zip |
Add backwards keyword for Valo utility animations (#14873, #14806)
Change-Id: Ib8eac880deb50b9bf32dc80f572c716413d14e69
Diffstat (limited to 'WebContent/VAADIN')
-rw-r--r-- | WebContent/VAADIN/themes/valo/util/_anim.scss | 14 |
1 files 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); } |