feat(spinners): slower animation for prefers-reduced-motion

Orange-OpenSource · Oct 13, 2020 · 2b4690e · 2b4690e
1 parent f7f8630
commit 2b4690e
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/scss/_spinners.scss b/scss/_spinners.scss
@@ -6,7 +6,7 @@
   to { transform: rotate(360deg); }
 }
 
-.spinner-border {
+.spiner-border {
   display: inline-block;
   width: $spinner-width;
   height: $spinner-height;
@@ -30,6 +30,14 @@
   height: $spinner-height-lg;
   border-width: $spinner-border-width-lg;
 }
+
+@if $enable-reduced-motion {
+  @media (prefers-reduced-motion: reduce) {
+    .spinner-border {
+      animation-duration: $spinner-animation-speed * 2;
+    }
+  }
+}
 // End mod
 
 // Boosted mod: no .spinner-grow