feat: add a setting to disable animations and transitions

Some users may not know the reduced motion settings, so I provide an
option directly on the website to disable animations.

1 files changed, 8 insertions, 0 deletions

diff --git a/src/styles/base/_helpers.scss b/src/styles/base/_helpers.scss
index 9fe2bd4..65f06d8 100644
--- a/src/styles/base/_helpers.scss
+++ b/src/styles/base/_helpers.scss
@@ -44,6 +44,14 @@
 
 @include mix.motion("reduce") {
   * {
+    animation: none !important;
+    transition: none !important;
+  }
+}
+
+[data-reduced-motion="true"] {
+  * {
+    animation: none !important;
     transition: none !important;
   }
 }