From ece40bcd110c47478fa1316bd099ba59210a231b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20Poupard?= <ffoodd@users.noreply.github.com>
Date: Mon, 19 Oct 2020 10:42:19 +0200
Subject: 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 <xhmikosr@gmail.com>
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
---
 scss/_spinners.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

(limited to 'scss')

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;
+    }
+  }
+}
-- 
cgit v1.2.3