From c18e408db71504f1170a1fb66e3e67811f15682f Mon Sep 17 00:00:00 2001
From: Jake Howard <git@theorangeone.net>
Date: Fri, 23 Sep 2022 17:05:18 +0100
Subject: [PATCH] Reduce motion when the user requests it

---
 static/src/scss/base.scss | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/static/src/scss/base.scss b/static/src/scss/base.scss
index 8c8cfc0..251e082 100644
--- a/static/src/scss/base.scss
+++ b/static/src/scss/base.scss
@@ -32,6 +32,17 @@ body {
     background-color: $dark-mode-background;
     color: $dark-mode-text;
   }
+
+  @media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
+      scroll-behavior: auto !important;
+    }
+  }
 }
 
 main {