frontend/src/styles/theme/loading.scss
konrad d1a2eefca6 Improve consistency of the layout (#386)
Co-authored-by: kolaente <k@knt.li>
Reviewed-on: vikunja/frontend#386
Co-authored-by: konrad <konrad@kola-entertainments.de>
Co-committed-by: konrad <konrad@kola-entertainments.de>
2021-01-23 17:18:09 +00:00

35 lines
592 B
SCSS

.loader-container {
&.is-loading {
position: relative;
pointer-events: none;
opacity: 0.5;
&:after {
@include loader;
position: absolute;
top: calc(50% - 2.5rem);
left: calc(50% - 2.5rem);
width: 5rem;
height: 5rem;
border-width: 0.25rem;
}
}
}
.spinner {
&.is-loading {
pointer-events: none;
&:after {
@include loader;
width: 2rem;
height: 2rem;
margin-left: calc(50% - 1rem);
position: absolute;
margin-top: 1rem;
z-index: 999;
border-width: 0.25rem;
}
}
}