41 lines
934 B
SCSS
41 lines
934 B
SCSS
|
|
.loading-overlay {
|
|
@include overlay;
|
|
align-items: center;
|
|
display: none;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
&.is-active {
|
|
display: flex
|
|
}
|
|
&.is-full-page {
|
|
z-index: 999;
|
|
position: fixed;
|
|
.loading-icon {
|
|
&:after {
|
|
top: calc(50% - 2.5em);
|
|
left: calc(50% - 2.5em);
|
|
width: 5em;
|
|
height: 5em;
|
|
}
|
|
}
|
|
}
|
|
.loading-background {
|
|
@include overlay;
|
|
background:#7f7f7f;
|
|
background:rgba(255,255,255,0.5);
|
|
}
|
|
.loading-icon {
|
|
position: relative;
|
|
&:after {
|
|
@include loader;
|
|
position: absolute;
|
|
top: calc(50% - 1.5em);
|
|
left: calc(50% - 1.5em);
|
|
width: 3em;
|
|
height: 3em;
|
|
border-width: 0.25em;
|
|
}
|
|
}
|
|
}
|