MusicTopus/sass/toast.scss

37 lines
No EOL
555 B
SCSS

#toastr {
visibility: hidden;
min-width: 250px;
max-width: 360px;
position: fixed;
z-index: 31;
right: 30px;
top: 30px;
font-size: 17px;
&.show {
visibility: visible;
animation: toastrFadein 0.5s, toastrFadeout 0.5s 2.5s;
}
}
@keyframes toastrFadein {
from {
top: 0;
opacity: 0;
}
to {
top: 30px;
opacity: 1;
}
}
@keyframes toastrFadeout {
from {
top: 30px;
opacity: 1;
}
to {
top: 0;
opacity: 0;
}
}