azure-devops-ui
Version:
React components for building web UI in Azure DevOps
49 lines (45 loc) • 1.07 kB
CSS
.bolt-spinner {
align-items: center;
justify-content: center;
}
@keyframes spinner-anim {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.bolt-spinner-circle {
border: 1.5px solid;
border-color: rgba( 200, 200, 200 , 1 );
border-color: rgba( var(--palette-neutral-20,200, 200, 200) , 1 );
border-top-color: rgba(0, 90, 158, 1);
border-top-color: var(--communication-foreground,rgba(0, 90, 158, 1));
border-radius: 50%;
animation-name: spinner-anim;
animation-duration: 1.3s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67);
}
.bolt-spinner-circle.xsmall {
width: 0.75rem;
height: 0.75rem;
}
.bolt-spinner-circle.small {
width: 1rem;
height: 1rem;
}
.bolt-spinner-circle.medium {
width: 1.25rem;
height: 1.25rem;
}
.bolt-spinner-circle.large {
width: 1.75rem;
height: 1.75rem;
}
.bolt-spinner-label {
color: rgba(0, 90, 158, 1);
color: var(--communication-foreground,rgba(0, 90, 158, 1));
}
/*# sourceMappingURL=Spinner.css.map */