// // Rotating border //
@keyframes spinner-border {
to { transform: rotate(360deg); }
}
.spinner-border {
display: inline-block; width: $spinner-width; height: $spinner-height; vertical-align: text-bottom; border: $spinner-border-width solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite;
}
.spinner-border-sm {
width: $spinner-width-sm; height: $spinner-height-sm; border-width: $spinner-border-width-sm;
}
// // Growing circle //
@keyframes spinner-grow {
0% { transform: scale(0); } 50% { opacity: 1; }
}
.spinner-grow {
display: inline-block; width: $spinner-width; height: $spinner-height; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite;
}
.spinner-grow-sm {
width: $spinner-width-sm; height: $spinner-height-sm;
}