wikimedia/mediawiki-core

View on GitHub
resources/src/mediawiki.skinning/accessibility.less

Summary

Maintainability
Test Coverage
/**
 * Respect users who prefer reduced motion.
 * Inspiration taken from sanitize.css
 * https://github.com/csstools/sanitize.css/blob/v13.0.0/reduce-motion.css,
 * itself based on collection at
 * https://github.com/jensimmons/cssremedy/issues/11
 *
 * Note, we also don't set `background-attachment: initial !important;` as
 * setting a background property changes the default rendering of unstyled
 * elements like `button`s and we don't feature `fixed` anywhere in deployed
 * skins or extensions.
 */
/* stylelint-disable declaration-no-important, time-min-milliseconds */
@media ( prefers-reduced-motion: reduce ) {
    *,
    ::before,
    ::after {
        animation-delay: -0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        // Set to `0ms` even though it implicates not firing `transitionend` in certain browsers.
        // Do not set this to non-zero value, as it results in infinite motion on iOS. See T308979.
        transition-duration: 0ms !important;
    }
}