mirror of
https://github.com/robsheldon/sscaffold-css.git
synced 2025-08-17 03:23:57 +02:00
Move the prefers-reduced-motion media query up to the top of the global resets for compatibility with in-progress documentation.
This commit is contained in:
@@ -14,6 +14,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
* {
|
||||||
|
/* Prevent animations and transitions for users that want that. [4] */
|
||||||
|
animation-duration: 0.01ms !important;
|
||||||
|
animation-iteration-count: 1 !important;
|
||||||
|
transition-duration: 0.01ms !important;
|
||||||
|
scroll-behavior: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
html {
|
html {
|
||||||
/* Fix the line height in all browsers. [1] */
|
/* Fix the line height in all browsers. [1] */
|
||||||
line-height: 1.15;
|
line-height: 1.15;
|
||||||
@@ -345,17 +356,6 @@ progress {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media (prefers-reduced-motion: reduce) {
|
|
||||||
* {
|
|
||||||
/* Prevent animations and transitions for users that want that. [4] */
|
|
||||||
animation-duration: 0.01ms !important;
|
|
||||||
animation-iteration-count: 1 !important;
|
|
||||||
transition-duration: 0.01ms !important;
|
|
||||||
scroll-behavior: auto !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/******************************************************************************
|
/******************************************************************************
|
||||||
*
|
*
|
||||||
|
Reference in New Issue
Block a user