erin/webring-static
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

make background flashing less terrible for prefers-reduced-motion ppl

Browse source
This commit is contained in:
ewin 2024-09-06 05:39:19 -04:00
parent be11e7717a
commit 12bd2faf27
Signed by: erin
SSH key fingerprint: SHA256:clvLPaxKthBet+VUQTKQdDkjaqg2/KnYHQaPASp5pFE
1 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
style.scss
View file

@ -45,6 +45,14 @@ body {
font-family: 'SOAUI'; font-family: 'SOAUI';
font-size: 10rem; font-size: 10rem;
color:white; color:white;
// ideally the background stays pixel aligned with the text for
// perfectionism reasons, however it doesn't look great and kind of flashes
// a lot, which might cause people who use reduced motion settings to have a
// bad time. prevent the background from scrolling with the page for them
@media (prefers-reduced-motion) {
background-attachment: fixed;
}
} }
main { main {