From 983e3a8b53fb5d7a4d2160878ef033023e08260e Mon Sep 17 00:00:00 2001
From: ReenigneArcher <42013603+ReenigneArcher@users.noreply.github.com>
Date: Thu, 29 Oct 2026 20:37:19 -0400
Subject: [PATCH] fix: respect reduced-motion preferences

---
 .../sphinx/themes/dockle/static/dockle.css    | 19 ++++++++++++++++---
 1 file changed, 16 insertions(+), 3 deletions(-)

diff --git a/src/dockle/sphinx/themes/dockle/static/dockle.css b/src/dockle/sphinx/themes/dockle/static/dockle.css
index b2d6864..1ca89c3 100644
--- a/src/dockle/sphinx/themes/dockle/static/dockle.css
+++ b/src/dockle/sphinx/themes/dockle/static/dockle.css
@@ -67,10 +67,15 @@ html {
   font-family: var(--dockle-font);
   font-size: 16px;
   line-height: 1.6;
-  scroll-behavior: smooth;
   scrollbar-gutter: stable;
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  html {
+    scroll-behavior: smooth;
+  }
+}
+
 *,
 *::before,
 *::after {
@@ -1263,7 +1268,7 @@ a.dockle-page-action:focus-visible {
   min-width: 11rem;
   padding: 0.75rem 0.9rem;
   text-decoration: none;
-  transition: border-color 120ms ease, transform 120ms ease;
+  transition: border-color 120ms ease;
 }
 
 .dockle-page-links a:hover {
@@ -1418,7 +1423,7 @@ a.dockle-page-action:focus-visible {
   min-height: 10rem;
   padding: 1.25rem;
   text-decoration: none;
-  transition: border-color 120ms ease, transform 120ms ease;
+  transition: border-color 120ms ease;
 }
 
 .dockle-portal-card:hover {
@@ -1427,6 +1432,14 @@ a.dockle-page-action:focus-visible {
   transform: translateY(-2px);
 }
 
+@media (prefers-reduced-motion: no-preference) {
+  .dockle-page-links a,
+  .dockle-page-links a:visited,
+  .dockle-portal-card {
+    transition: border-color 120ms ease, transform 120ms ease;
+  }
+}
+
 .dockle-portal-card strong {
   font-size: 1.25rem;
 }