@enact/ui
Version:
A collection of simplified unstyled cross-platform UI components for Enact
35 lines (34 loc) • 624 B
CSS
.spinner {
position: relative;
display: inline-block;
}
.spinner.centered {
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.spinner.running {
/* Available for theming */
}
:global(.enact-locale-right-to-left) .spinner.centered {
left: initial;
right: 50%;
transform: translateX(50%) translateY(-50%);
}
.spinnerContainer {
display: inline-block;
}
.spinnerContainer .scrim {
/* Available for theming */
}
.spinnerContainer.centered {
display: block;
}
.spinnerContainer .blockClickOn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}