accessibility.less
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

accessibility.less
View Options

	/**
	* 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, plugin/no-unsupported-browser-features */
	@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;
	}
	}