MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Merge duplicate prefers-reduced-motion media queries

Browse Source 
Consolidate the two @media (prefers-reduced-motion: no-preference) blocks
into one — scroll-behavior and theme-switch colour transitions share the
same query and are cleaner in a single block.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Jonathan Miller
2026-03-17 22:02:28 -05:00
parent f7b41f66bb
commit 63c88ede64
2 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/media/css/template.css
View File

@@ -22,15 +22,12 @@
box-sizing: border-box; box-sizing: border-box;
} }
/* Smooth scroll and colour transitions; gated so reduced-motion users are unaffected. */
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {
:root { :root {
scroll-behavior: smooth; scroll-behavior: smooth;
} }
}
/* Smooth colour transition when the data-bs-theme attribute changes between light and dark.
Scoped to no-preference so users who opt out of motion also skip colour flashes. */
@media (prefers-reduced-motion: no-preference) {
:root, :root,
body, body,
.container-wrapper, .container-wrapper,

2
src/media/css/template.min.css vendored
View File

File diff suppressed because one or more lines are too long