From 1238734922f915da825e4fd61c7ee0e9d4a6473f Mon Sep 17 00:00:00 2001 From: GeoSot Date: Tue, 11 Feb 2020 15:59:59 +0200 Subject: [PATCH] Make spinners speed adjustable (#30154) --- scss/_spinners.scss | 4 ++-- scss/_variables.scss | 7 ++++--- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/scss/_spinners.scss b/scss/_spinners.scss index 364a5c1a65..ac4d4c31b8 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 3bbf6bf321..7501c3a29b 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;