Remove logo spin for prefers-reduced-motion (#9128)

Spinning is one of the triggers mentioned on this page: https://webkit.org/blog/7551/responsive-design-for-motion/ Thanks to @fivetanley for mentioning that this exists.
hashicorp · Oct 20, 2020 · 7c7b113 · 7c7b113
1 parent f14c898
commit 7c7b113
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/ui/app/styles/components/loading-spinner.scss b/ui/app/styles/components/loading-spinner.scss
@@ -43,6 +43,12 @@ $darker-side: darken($lighter-side, 15%);
     animation: cube-spin $duration forwards infinite;
   }
 
+  @media (prefers-reduced-motion) {
+    .cube {
+      animation-iteration-count: 0;
+    }
+  }
+
   &.paused {
     .cube,
     .side-4,