@maboussoleaidant/design-system 0.1.14 → 0.1.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -3582,6 +3582,29 @@ button.mba-input-icon__icon:hover {
|
|
|
3582
3582
|
ACCESSIBILITY UTILITIES
|
|
3583
3583
|
=========================================== */
|
|
3584
3584
|
|
|
3585
|
+
/* Reduced motion - Respect user preference for reduced animations
|
|
3586
|
+
Triggered when user enables "Reduce motion" in system settings
|
|
3587
|
+
(macOS, Windows, iOS, Android)
|
|
3588
|
+
|
|
3589
|
+
Benefits:
|
|
3590
|
+
- Users with vestibular disorders
|
|
3591
|
+
- Users with epilepsy or seizure disorders
|
|
3592
|
+
- Users with migraines or motion sensitivity
|
|
3593
|
+
|
|
3594
|
+
WCAG 2.1 Success Criterion 2.3.3 (AAA)
|
|
3595
|
+
*/
|
|
3596
|
+
|
|
3597
|
+
@media (prefers-reduced-motion: reduce) {
|
|
3598
|
+
*,
|
|
3599
|
+
*::before,
|
|
3600
|
+
*::after {
|
|
3601
|
+
animation-duration: 0.01ms !important;
|
|
3602
|
+
animation-iteration-count: 1 !important;
|
|
3603
|
+
transition-duration: 0.01ms !important;
|
|
3604
|
+
scroll-behavior: auto !important;
|
|
3605
|
+
}
|
|
3606
|
+
}
|
|
3607
|
+
|
|
3585
3608
|
/* Visually hidden (accessible) */
|
|
3586
3609
|
|
|
3587
3610
|
.mba-sr-only {
|