Move media query below class selectors
This commit is contained in:
@@ -87,12 +87,6 @@ body, html {
|
|||||||
margin-bottom: 1rem;
|
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 {
|
.paige-header-link:focus, .paige-header-link:hover, :hover > .paige-header-link, :target > .paige-header-link {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
@@ -101,6 +95,12 @@ body, html {
|
|||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
.paige-header-link {
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
{{ with $page.Param "paige.max_width" }}
|
{{ with $page.Param "paige.max_width" }}
|
||||||
#paige-root {
|
#paige-root {
|
||||||
max-width: {{ . | safeCSS }};
|
max-width: {{ . | safeCSS }};
|
||||||
|
Reference in New Issue
Block a user