Star history for tangled repositories
tangled-stars.com
atproto
git
tangled
Honor reduced motion across the app
juprodh.me
(Jul 16, 2026, 2:20 PM +0800)
9bece5bf
9877b9b0
+11
-2
+11
-2
frontend/global.css
+11
-2
frontend/global.css
···
160
160
transition: background-color 0.2s ease, color 0.2s ease;
161
161
}
162
162
163
+
/* Reduced motion, everywhere — the app-wide guard, not a per-component opt-in.
164
+
Collapsing durations rather than setting `animation: none` is deliberate: the chart's
165
+
`animate-spin` spinner is the only signal that a cold backfill is running, so it has to
166
+
stay on screen. A one-shot 0.01ms spin lands it back at 0deg, static but still present.
167
+
`!important` beats Tailwind's utilities, which the cascade would otherwise let win. */
163
168
@media (prefers-reduced-motion: reduce) {
164
-
body {
165
-
transition: none;
169
+
*,
170
+
::before,
171
+
::after {
172
+
animation-duration: 0.01ms !important;
173
+
animation-iteration-count: 1 !important;
174
+
transition-duration: 0.01ms !important;
166
175
}
167
176
}
168
177