diff options
author | Matthew Lemon <y@yulqen.org> | 2024-10-15 21:01:31 +0100 |
---|---|---|
committer | Matthew Lemon <y@yulqen.org> | 2024-10-15 21:01:31 +0100 |
commit | eeaddb27560d723ca7d61359744ceb2709fccd2d (patch) | |
tree | 04ddbc49ae7b73d5f5a9e1716d7227aecd3b9f85 /alphabetlearning/static/bootstrap/scss/_spinners.scss | |
parent | 7a3044c859043837e6c7c95bb4894d04e9b2cbc2 (diff) |
Renamed from pyblackbird_cc to alphabetlearning - everywhere
Diffstat (limited to 'alphabetlearning/static/bootstrap/scss/_spinners.scss')
-rw-r--r-- | alphabetlearning/static/bootstrap/scss/_spinners.scss | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/alphabetlearning/static/bootstrap/scss/_spinners.scss b/alphabetlearning/static/bootstrap/scss/_spinners.scss new file mode 100644 index 0000000..a4a2c77 --- /dev/null +++ b/alphabetlearning/static/bootstrap/scss/_spinners.scss @@ -0,0 +1,69 @@ +// +// Rotating border +// + +// scss-docs-start spinner-border-keyframes +@keyframes spinner-border { + to { transform: rotate(360deg) #{"/* rtl:ignore */"}; } +} +// scss-docs-end spinner-border-keyframes + +.spinner-border { + display: inline-block; + width: $spinner-width; + height: $spinner-height; + vertical-align: $spinner-vertical-align; + border: $spinner-border-width solid currentColor; + border-right-color: transparent; + // stylelint-disable-next-line property-disallowed-list + border-radius: 50%; + animation: $spinner-animation-speed linear infinite spinner-border; +} + +.spinner-border-sm { + width: $spinner-width-sm; + height: $spinner-height-sm; + border-width: $spinner-border-width-sm; +} + +// +// Growing circle +// + +// scss-docs-start spinner-grow-keyframes +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + transform: none; + } +} +// scss-docs-end spinner-grow-keyframes + +.spinner-grow { + display: inline-block; + width: $spinner-width; + height: $spinner-height; + vertical-align: $spinner-vertical-align; + background-color: currentColor; + // stylelint-disable-next-line property-disallowed-list + border-radius: 50%; + opacity: 0; + animation: $spinner-animation-speed linear infinite spinner-grow; +} + +.spinner-grow-sm { + width: $spinner-width-sm; + height: $spinner-height-sm; +} + +@if $enable-reduced-motion { + @media (prefers-reduced-motion: reduce) { + .spinner-border, + .spinner-grow { + animation-duration: $spinner-animation-speed * 2; + } + } +} |