Move media query below class selectors

2 years ago · b1609c8bde
parent 952829ae3b
commit b1609c8bde
1 changed files with 6 additions and 6 deletions
--- a/layouts/partials/paige/style.html
+++ b/layouts/partials/paige/style.html
@ -87,12 +87,6 @@ body, html {
    margin-bottom: 1rem;
 }

-@media (prefers-reduced-motion: reduce) {
-    .paige-header-link {
-        transition: none;
-    }
-}
-
 .paige-header-link:focus, .paige-header-link:hover, :hover > .paige-header-link, :target > .paige-header-link {
    opacity: 1;
 }
@ -101,6 +95,12 @@ body, html {
    margin-bottom: 1rem;
 }

+@media (prefers-reduced-motion: reduce) {
+    .paige-header-link {
+        transition: none;
+    }
+}
+
 {{ with $page.Param "paige.max_width" }}
    #paige-root {
        max-width: {{ . | safeCSS }};