diff options
| author | Gaël Poupard <[email protected]> | 2020-10-19 10:42:19 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-10-19 11:42:19 +0300 |
| commit | ece40bcd110c47478fa1316bd099ba59210a231b (patch) | |
| tree | d1350fe1b32ebe39f597ef5d324a512643987dee /scss/_spinners.scss | |
| parent | e0a3b7ef0d529411c4d4e4c7d1831f2152e49252 (diff) | |
| download | bootstrap-ece40bcd110c47478fa1316bd099ba59210a231b.tar.xz bootstrap-ece40bcd110c47478fa1316bd099ba59210a231b.zip | |
Slow down spinners when `prefers-reduced-motion: reduce` (#31882)
* feature(spinners): slow down spinners when prefers-reduced-motion
* docs(spinners): add reduced motion callout and mention slowing down in accessibility page
* Update spinners.md
* docs(accessibility): rewording
Co-authored-by: XhmikosR <[email protected]>
Co-authored-by: Patrick H. Lauke <[email protected]>
Diffstat (limited to 'scss/_spinners.scss')
| -rw-r--r-- | scss/_spinners.scss | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/scss/_spinners.scss b/scss/_spinners.scss index 9e083eae1..99335544e 100644 --- a/scss/_spinners.scss +++ b/scss/_spinners.scss @@ -54,3 +54,12 @@ 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; + } + } +} |