54 lines
749 B
SCSS
54 lines
749 B
SCSS
//Loading
|
|
@include keyframes(loading) {
|
|
0% {
|
|
filter: blur(5px);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
filter: blur(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
//Spin
|
|
@-webkit-keyframes rotate {
|
|
50% {
|
|
filter: invert(1);
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes rotate {
|
|
50% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@include keyframes(formSlide) {
|
|
0% {
|
|
filter: blur(5px);
|
|
opacity: 0;
|
|
transform: translateY(10rem);
|
|
}
|
|
50% {
|
|
filter: blur(0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
//Bar loading
|
|
@include keyframes(loadBar) {
|
|
0% {
|
|
flex: 1;
|
|
}
|
|
10% {
|
|
flex: 10;
|
|
}
|
|
20% {
|
|
flex: 1;
|
|
}
|
|
}
|