33 lines
410 B
SCSS
33 lines
410 B
SCSS
.loading {
|
|
animation: progress 2s linear infinite;
|
|
|
|
@apply fixed top-0 z-50;
|
|
@apply bg-primary-500 shadow-primary-500/50 h-0.5 w-screen shadow;
|
|
}
|
|
|
|
@keyframes progress {
|
|
0% {
|
|
left: 0%;
|
|
right: 100%;
|
|
width: 0;
|
|
}
|
|
|
|
10% {
|
|
left: 0%;
|
|
right: 75%;
|
|
width: 25%;
|
|
}
|
|
|
|
90% {
|
|
left: 75%;
|
|
right: 0%;
|
|
width: 25%;
|
|
}
|
|
|
|
100% {
|
|
left: 100%;
|
|
right: 0%;
|
|
width: 0;
|
|
}
|
|
}
|