-
Notifications
You must be signed in to change notification settings - Fork 1.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(skeleton): disable motion if prefers-reduced-motion is true #3905
fix(skeleton): disable motion if prefers-reduced-motion is true #3905
Conversation
Deploy preview for the-carbon-components ready! Built with commit 310bd40 https://deploy-preview-3905--the-carbon-components.netlify.com |
Deploy preview for carbon-elements ready! Built with commit 310bd40 |
Deploy preview for carbon-components-react ready! Built with commit 310bd40 https://deploy-preview-3905--carbon-components-react.netlify.com |
Deploy preview for the-carbon-components ready! Built with commit fec4d9c https://deploy-preview-3905--the-carbon-components.netlify.com |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I followed TJ's instruction and reviewed in Firefox – getting expected still gray squares! 🎉 Thanks for getting this done so fast!
Deploy preview for carbon-components-react ready! Built with commit fec4d9c https://deploy-preview-3905--carbon-components-react.netlify.com |
Deploy preview for carbon-elements ready! Built with commit fec4d9c |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Very cool! 👍
Refs #2440
Refs #3897
Improvement that can immediately target
skeleton
components. Having this disable animations throughout the library will be a larger undertakingChangelog
New
prefers-reduced-motion
is set to trueTesting / Reviewing
To enable
prefers-reduced-motion
, follow these steps then refresh theskeleton
page: