Use smooth scrolling with reduced motion has no preference (#2355)

1 files changed, 7 insertions, 3 deletions

diff --git a/docs/public/index.css b/docs/public/index.css
index f3fdcc47e..54e4124fd 100644
--- a/docs/public/index.css
+++ b/docs/public/index.css
@@ -2,9 +2,7 @@
 	box-sizing: border-box;
 	margin: 0;
 }
-html {
-	scroll-behavior: smooth;
-}
+
 /* Global focus outline reset */
 *:focus:not(:focus-visible) {
 	outline: none;
@@ -21,6 +19,12 @@ html {
 	}
 }
 
+@media (prefers-reduced-motion: no-preference) {
+	:root {
+		scroll-behavior: smooth;
+	}
+}
+
 body {
 	display: flex;
 	flex-direction: column;