mirror of
https://github.com/prymitive/karma
synced 2026-05-21 04:33:07 +00:00
This library is not maintained anymore and it causes small glitches when rendering a lot of alerts - scrolling groups into view doesn't always trigger animation and they stay hidden.
24 lines
594 B
SCSS
24 lines
594 B
SCSS
$duration: 0.5s;
|
|
|
|
.components-animation-navbar-appear,
|
|
.components-animation-navbar-enter {
|
|
opacity: 0.01;
|
|
transform: translateY(-100%);
|
|
}
|
|
.components-animation-navbar-appear-active,
|
|
.components-animation-navbar-enter-active {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
transition: opacity $duration ease-out, transform $duration ease-out;
|
|
}
|
|
|
|
.components-animation-navbar-exit {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
.components-animation-navbar-exit-active {
|
|
opacity: 0.01;
|
|
transform: translateY(-100%);
|
|
transition: opacity $duration ease-out, transform $duration ease-out;
|
|
}
|