reduced motion

zenith-hacks · Sep 12, 2024 · c803699 · c803699
1 parent 1488907
commit c803699
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -254,6 +254,13 @@
     animation: header 1s calc(var(--idx) * 0.05s) forwards;
   }
   
+  @media (prefers-reduced-motion) {
+    h1 .header-element {
+      font-variation-settings: "wght" 700;
+      animation: none;
+    }
+  }
+  
   h1 .no-break {
     display: inline-block;
     min-width: max-content;