Files
karma/ui/src/Styles/Components/NavBarSlide.scss
Łukasz Mierzwa 2f74561809 chore(ui): drop react-reveal animations
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.
2020-07-03 17:03:43 +01:00

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;
}