From 1c4334ffeee53d6b6bd14312e07e7dfddf308d69 Mon Sep 17 00:00:00 2001
From: Caner Akdas <canerakdas@gmail.com>
Date: Tue, 28 May 2024 17:42:43 +0300
Subject: [PATCH] Feat: Motion safe animations (#6739)

* fix: motion safe animations

* feat: smooth scroll behavior in article
---
 layouts/layouts.module.css | 1 +
 styles/base.css            | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/layouts/layouts.module.css b/layouts/layouts.module.css
index 0be89d2e45db7..b1f8abf8a5e2a 100644
--- 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
index 57b33609f3a79..419556096a755 100644
--- 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;
 }