b2ff020edf
Squashed commit of the following: commit 21101f1de202e87c27ae7832669e484d163e66b4 Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se> Date: Thu Oct 28 11:01:09 2021 +0200 Updated imports commit 0d8bee6ac8967f5ddb480eff429e91db812b0f16 Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se> Date: Thu Oct 28 10:42:35 2021 +0200 Now using loader from inside libs
47 lines
808 B
SCSS
47 lines
808 B
SCSS
@import 'mixins/backdrop';
|
|
@import 'variables/gutters';
|
|
@import 'variables/z-index';
|
|
|
|
@keyframes spinning {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.ui-loader {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: $digi--layout--gutter--s;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
&--padded {
|
|
padding: $digi--layout--gutter--l;
|
|
}
|
|
|
|
&--absolute {
|
|
@include msfa__backdrop($msfa__z-index-backdrop, false);
|
|
}
|
|
|
|
&--full-screen {
|
|
@include msfa__backdrop($msfa__z-index-backdrop);
|
|
}
|
|
|
|
&--full-blank-screen {
|
|
@include msfa__backdrop($msfa__z-index-backdrop, true, true);
|
|
}
|
|
|
|
&__spinner {
|
|
display: inline-flex;
|
|
animation: spinning 1s linear infinite;
|
|
|
|
&--s {
|
|
width: 2.5rem;
|
|
}
|
|
}
|
|
|
|
&__text {
|
|
font-size: var(--digi--typography--font-size--s);
|
|
}
|
|
}
|