fix(skeleton): disable motion if prefers-reduced-motion is true

carbon-design-system · Sep 4, 2019 · 310bd40 · 310bd40
1 parent ca5231b
commit 310bd40
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/components/src/globals/scss/_helper-mixins.scss b/packages/components/src/globals/scss/_helper-mixins.scss
@@ -183,6 +183,10 @@
     left: 0;
     background: $skeleton-02;
     animation: 3000ms ease-in-out skeleton infinite;
+
+    @media (prefers-reduced-motion: reduce) {
+      animation: none;
+    }
   }
 }