🇳🇫 Better CSS for reduced-motion scroll

Author: claire-codes

assets/scss/partials/_elements.scss

@@ -1,12 +1,7 @@
-// Smooth scrolling
-html {
-  scroll-behavior: smooth;
-}
-
-// No smooth scrolling for users who want reduced motion
-@media screen and (prefers-reduced-motion: reduce) {
+// smooth scrolling only if users don't have a prefers-reduced-motion option
+@media (prefers-reduced-motion: no-preference) {
   html {
-    scroll-behavior: auto;
+    scroll-behavior: smooth;
   }
 }