diff options
| author | Johann-S <johann.servoire@gmail.com> | 2018-12-06 15:53:01 +0300 |
|---|---|---|
| committer | Johann-S <johann.servoire@gmail.com> | 2018-12-10 12:38:11 +0300 |
| commit | 1f4d7903db37de5f7efad455c307583cedf53b27 (patch) | |
| tree | d3aaa2e378f486526c61b9be1df326297a57cde3 /scss/_toasts.scss | |
| parent | fc15c4c4ce132e70eb67335dfe840c3f0a80dae4 (diff) | |
fix fade animation for toast
Diffstat (limited to 'scss/_toasts.scss')
| -rw-r--r-- | scss/_toasts.scss | 11 |
1 files changed, 10 insertions, 1 deletions
diff --git a/scss/_toasts.scss b/scss/_toasts.scss index d6ba4ca141..c5fde797b9 100644 --- a/scss/_toasts.scss +++ b/scss/_toasts.scss @@ -1,5 +1,4 @@ .toast { - display: none; max-width: $toast-max-width; overflow: hidden; // cheap rounded corners on nested items font-size: $toast-font-size; // knock it down to 14px @@ -9,13 +8,23 @@ border-radius: $toast-border-radius; box-shadow: $toast-box-shadow; backdrop-filter: blur(10px); + opacity: 0; + .toast { margin-top: $toast-padding-x; } + &.showing { + opacity: 1; + } + &.show { display: block; + opacity: 1; + } + + &.hide { + display: none; } } |