You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.0 KiB
55 lines
1.0 KiB
// |
|
// 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; |
|
// stylelint-disable-next-line property-blacklist |
|
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; |
|
// stylelint-disable-next-line property-blacklist |
|
border-radius: 50%; |
|
opacity: 0; |
|
animation: spinner-grow .75s linear infinite; |
|
} |
|
|
|
.spinner-grow-sm { |
|
width: $spinner-width-sm; |
|
height: $spinner-height-sm; |
|
}
|
|
|