Skip to content

Commit 97406fa

Browse files
committed
Website: disable animations if requested on benchmark page
Respect the user agent's prefers-reduced-motion preference [1] by disabling our sexy animations if prefers-reduced-motion is in effect ('reduce'). [1] https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
1 parent 0c6a2b8 commit 97406fa

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

website/public/benchmarks/benchmark.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,11 @@ body.javascript .javascript-only {
1313
.chart {
1414
--transition-duration: 0.5s;
1515
}
16+
@media (prefers-reduced-motion) {
17+
.chart {
18+
--transition-duration: 0;
19+
}
20+
}
1621
.chart .series .bar,
1722
.chart .series .label,
1823
.chart .series .error-bars,

0 commit comments

Comments
 (0)