diff options
author | Martijn Cuppens <martijn.cuppens@intracto.com> | 2018-11-17 22:36:11 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2018-11-18 07:34:58 +0300 |
commit | 12ae122edab30d33c44b5662b6220521ceb7f264 (patch) | |
tree | ca9573425a243a791c84357fe6418728c3e0189c | |
parent | 5042b3c93d32fb8a6525acf62d6e6cfba2e83add (diff) |
Spinners cleanup
-rw-r--r-- | scss/_spinners.scss | 12 |
1 files changed, 3 insertions, 9 deletions
diff --git a/scss/_spinners.scss b/scss/_spinners.scss index edf70d9fbe..9489bd8611 100644 --- a/scss/_spinners.scss +++ b/scss/_spinners.scss @@ -7,15 +7,14 @@ } .spinner-border { - position: relative; display: inline-block; width: $spinner-width; height: $spinner-height; overflow: hidden; text-indent: -999em; vertical-align: text-bottom; - border: $spinner-border-width solid; - border-color: currentColor transparent currentColor currentColor; + border: $spinner-border-width solid currentColor; + border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite; } @@ -32,20 +31,14 @@ @keyframes spinner-grow { 0% { - opacity: 0; transform: scale(0); } 50% { opacity: 1; } - 100% { - opacity: 0; - transform: scale(1); - } } .spinner-grow { - position: relative; display: inline-block; width: $spinner-width; height: $spinner-height; @@ -54,6 +47,7 @@ vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; + opacity: 0; animation: spinner-grow .75s linear infinite; } |