forked from platypush/platypush
38 lines
684 B
SCSS
38 lines
684 B
SCSS
.fade-in {
|
|
--duration: $fade-in-transition-duration;
|
|
opacity: 1;
|
|
animation-name: fadeInOpacity;
|
|
animation-iteration-count: 1;
|
|
animation-timing-function: ease-in;
|
|
animation-duration: var(--duration);
|
|
}
|
|
|
|
@keyframes fadeInOpacity {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.fade-out {
|
|
--duration: $fade-out-transition-duration;
|
|
opacity: 1;
|
|
animation-name: fadeOutOpacity;
|
|
animation-iteration-count: 1;
|
|
animation-timing-function: ease-out;
|
|
animation-duration: var(--duration);
|
|
}
|
|
|
|
@keyframes fadeOutOpacity {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
display: none;
|
|
}
|
|
}
|
|
|