Feat: Motion safe animations (#6739)

* fix: motion safe animations * feat: smooth scroll behavior in article
nodejs · May 28, 2024 · 1c4334f · 1c4334f
1 parent c706bf0
commit 1c4334f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/layouts/layouts.module.css b/layouts/layouts.module.css
@@ -29,6 +29,7 @@
       bg-gradient-subtle
       p-12
       grid-in-[main]
+      motion-safe:scroll-smooth
       dark:bg-gradient-subtle-dark
       xl:px-18
       xs:bg-none

diff --git a/styles/base.css b/styles/base.css
@@ -1,6 +1,6 @@
 * {
   @apply subpixel-antialiased
-    transition-colors;
+    motion-safe:transition-colors;
 }
 
 html,
@@ -10,10 +10,10 @@ body {
 }
 
 body {
-  @apply scroll-smooth
-    bg-white
+  @apply bg-white
     font-open-sans
     text-neutral-950
+    motion-safe:scroll-smooth
     dark:bg-neutral-950
     dark:text-white;
 }