From a0197e37dd6abc3456c405e55cdc1df53d1b7679 Mon Sep 17 00:00:00 2001 From: Rob Date: Sun, 12 Jan 2020 17:05:55 -0800 Subject: [PATCH] Move the prefers-reduced-motion media query up to the top of the global resets for compatibility with in-progress documentation. --- sscaffold.css | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/sscaffold.css b/sscaffold.css index cf76249..1a32a19 100644 --- a/sscaffold.css +++ b/sscaffold.css @@ -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 { /* Fix the line height in all browsers. [1] */ 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; - } -} - - /****************************************************************************** *