diff options
| author | GeoSot <[email protected]> | 2020-02-11 15:59:59 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-02-11 15:59:59 +0200 |
| commit | 1238734922f915da825e4fd61c7ee0e9d4a6473f (patch) | |
| tree | 43560538069dac2bacb223905ac6a40e056d4657 | |
| parent | e0b48827031b51115832d54964ca754f9c53073c (diff) | |
| download | bootstrap-1238734922f915da825e4fd61c7ee0e9d4a6473f.tar.xz bootstrap-1238734922f915da825e4fd61c7ee0e9d4a6473f.zip | |
Make spinners speed adjustable (#30154)
| -rw-r--r-- | scss/_spinners.scss | 4 | ||||
| -rw-r--r-- | scss/_variables.scss | 7 |
2 files changed, 6 insertions, 5 deletions
diff --git a/scss/_spinners.scss b/scss/_spinners.scss index 364a5c1a6..ac4d4c31b 100644 --- a/scss/_spinners.scss +++ b/scss/_spinners.scss @@ -15,7 +15,7 @@ border-right-color: transparent; // stylelint-disable-next-line property-blacklist border-radius: 50%; - animation: spinner-border .75s linear infinite; + animation: spinner-border $spinner-animation-speed linear infinite; } .spinner-border-sm { @@ -46,7 +46,7 @@ // stylelint-disable-next-line property-blacklist border-radius: 50%; opacity: 0; - animation: spinner-grow .75s linear infinite; + animation: spinner-grow $spinner-animation-speed linear infinite; } .spinner-grow-sm { diff --git a/scss/_variables.scss b/scss/_variables.scss index 3bbf6bf32..7501c3a29 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -1208,9 +1208,10 @@ $carousel-transition: transform $carousel-transition-duration eas // Spinners -$spinner-width: 2rem !default; -$spinner-height: $spinner-width !default; -$spinner-border-width: .25em !default; +$spinner-width: 2rem !default; +$spinner-height: $spinner-width !default; +$spinner-border-width: .25em !default; +$spinner-animation-speed: .75s !default; $spinner-width-sm: 1rem !default; $spinner-height-sm: $spinner-width-sm !default; |