From 12bd2faf277f6dd50c06bc4c202f2b1f4cb84f0c Mon Sep 17 00:00:00 2001 From: ewin Date: Fri, 6 Sep 2024 05:39:19 -0400 Subject: [PATCH] make background flashing less terrible for prefers-reduced-motion ppl --- style.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/style.scss b/style.scss index 8789f75..7d96a40 100644 --- a/style.scss +++ b/style.scss @@ -45,6 +45,14 @@ body { font-family: 'SOAUI'; font-size: 10rem; 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 {