diff options
author | Quentin Dufour <quentin@deuxfleurs.fr> | 2021-10-01 14:32:43 +0200 |
---|---|---|
committer | Quentin Dufour <quentin@deuxfleurs.fr> | 2021-10-01 14:32:43 +0200 |
commit | 9ccf652c00457e46eaf46fc4cb8f6d0ee582c5ef (patch) | |
tree | b02c0a9a15de80acb3661163d469da41cd6aa8c3 /themes/hugo-whisper-theme/assets/scss/bootstrap/_spinners.scss | |
download | rfid-9ccf652c00457e46eaf46fc4cb8f6d0ee582c5ef.tar.gz rfid-9ccf652c00457e46eaf46fc4cb8f6d0ee582c5ef.zip |
Initial commit
Diffstat (limited to 'themes/hugo-whisper-theme/assets/scss/bootstrap/_spinners.scss')
-rwxr-xr-x | themes/hugo-whisper-theme/assets/scss/bootstrap/_spinners.scss | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/themes/hugo-whisper-theme/assets/scss/bootstrap/_spinners.scss b/themes/hugo-whisper-theme/assets/scss/bootstrap/_spinners.scss new file mode 100755 index 0000000..364a5c1 --- /dev/null +++ b/themes/hugo-whisper-theme/assets/scss/bootstrap/_spinners.scss @@ -0,0 +1,55 @@ +// +// 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; +} |