32 lines
620 B
SCSS
32 lines
620 B
SCSS
.global-loading {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 3000;
|
|
display: grid;
|
|
place-items: center;
|
|
background: rgba(255, 255, 255, 0.64);
|
|
backdrop-filter: blur(2px);
|
|
cursor: wait;
|
|
}
|
|
|
|
.global-loading__spinner {
|
|
width: 3rem;
|
|
height: 3rem;
|
|
border: 0.25rem solid rgba(32, 32, 32, 0.12);
|
|
border-top-color: var(--tenant-primary, #6376f3);
|
|
border-radius: 50%;
|
|
animation: global-loading-spin 0.75s linear infinite;
|
|
}
|
|
|
|
@keyframes global-loading-spin {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.global-loading__spinner {
|
|
animation-duration: 1.5s;
|
|
}
|
|
}
|