30 lines
447 B
CSS
30 lines
447 B
CSS
@import 'tailwindcss';
|
|
|
|
.route-loading {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 120px;
|
|
height: 22px;
|
|
color: #514b82;
|
|
border: 2px solid;
|
|
border-radius: 20px;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
@keyframes l6 {
|
|
100% {
|
|
inset: 0;
|
|
}
|
|
}
|
|
|
|
.route-loading::before {
|
|
position: absolute;
|
|
inset: 0 100% 0 0;
|
|
margin: 2px;
|
|
content: '';
|
|
background: currentcolor;
|
|
border-radius: inherit;
|
|
animation: l6 2s infinite;
|
|
}
|