Is your feature request related to a problem? Please describe.
Some users who experience distraction or nausea from animated content may specify system preferences to express their desire for reduced motion to eliminate inessential animation. The U.S. Web Design System should ideally respect this preference to disable transitions which are inessential (e.g. mobile menu flyout animation).
Describe the solution you'd like
When the @media (prefers-reduced-motion) media feature is present for a user, the USWDS $project-easing variable should effectively be set to 0.
Describe alternatives you've considered
No response
Additional context
Code of Conduct
Is your feature request related to a problem? Please describe.
Some users who experience distraction or nausea from animated content may specify system preferences to express their desire for reduced motion to eliminate inessential animation. The U.S. Web Design System should ideally respect this preference to disable transitions which are inessential (e.g. mobile menu flyout animation).
Describe the solution you'd like
When the
@media (prefers-reduced-motion)media feature is present for a user, the USWDS$project-easingvariable should effectively be set to0.Describe alternatives you've considered
No response
Additional context
prefers-reduced-motionMDN documentationCode of Conduct