/** * 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, selector-pseudo-element-colon-notation */ @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; } }