TeaWeb/shared/js/ui/react-elements/Icon.scss

31 lines
No EOL
515 B
SCSS

.container {
width: 1em;
height: 1em;
display: flex;
flex-direction: column;
justify-content: stretch;
> img {
flex-grow: 1;
}
}
.iconLoading {
border: .2em solid #f3f3f3; /* Light grey */
border-top: .2em solid #3498db; /* Blue */
border-radius: 50%;
animation: loading_spin 2s linear infinite;
width: 1em;
height: 1em;
}
@keyframes loading_spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}