diff options
author | Julian <julian@vantage-design.com> | 2020-02-06 23:20:17 +0300 |
---|---|---|
committer | Julian <julian@vantage-design.com> | 2020-02-06 23:20:17 +0300 |
commit | 5ebb0ab1e5106bdfcafd5b459d466e16a59b6b01 (patch) | |
tree | 8bef96f8c1030cdf872d80d55ec11b2f25360497 /assets/css/bootstrap/_spinners.scss |
First commit
Diffstat (limited to 'assets/css/bootstrap/_spinners.scss')
-rw-r--r-- | assets/css/bootstrap/_spinners.scss | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/assets/css/bootstrap/_spinners.scss b/assets/css/bootstrap/_spinners.scss new file mode 100644 index 0000000..364a5c1 --- /dev/null +++ b/assets/css/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; +} |