summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/valo/components/_notification.scss
diff options
context:
space:
mode:
Diffstat (limited to 'WebContent/VAADIN/themes/valo/components/_notification.scss')
-rw-r--r--WebContent/VAADIN/themes/valo/components/_notification.scss10
1 files changed, 5 insertions, 5 deletions
diff --git a/WebContent/VAADIN/themes/valo/components/_notification.scss b/WebContent/VAADIN/themes/valo/components/_notification.scss
index ff5e2da8d6..78d0b864c8 100644
--- a/WebContent/VAADIN/themes/valo/components/_notification.scss
+++ b/WebContent/VAADIN/themes/valo/components/_notification.scss
@@ -33,14 +33,14 @@ $v-notification-title-color: $v-focus-color !default;
@if $v-animations-enabled {
.#{$primary-stylename}-animate-in {
- @include animation(valo-animate-in-fade 180ms);
+ @include animation(valo-animate-in-fade 180ms 10ms backwards);
&.v-position-top {
- @include animation(valo-animate-in-slide-down 400ms);
+ @include animation(valo-animate-in-slide-down 400ms 10ms backwards);
}
&.v-position-bottom {
- @include animation(valo-animate-in-slide-up 400ms);
+ @include animation(valo-animate-in-slide-up 400ms 10ms backwards);
}
}
@@ -277,7 +277,7 @@ $v-notification-title-color: $v-focus-color !default;
@if $v-animations-enabled {
&[class*="animate-in"] {
- @include animation(valo-animate-in-slide-down 300ms);
+ @include animation(valo-animate-in-slide-down 300ms 10ms backwards);
}
&[class*="animate-out"] {
@@ -291,7 +291,7 @@ $v-notification-title-color: $v-focus-color !default;
@if $v-animations-enabled {
&[class*="animate-in"] {
- @include animation(valo-animate-in-slide-up 300ms);
+ @include animation(valo-animate-in-slide-up 300ms 10ms backwards);
}
&[class*="animate-out"] {