From 6177d5f8497f2c08f9874f5221fd17ce5acd2ad7 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Julien=20D=C3=A9ramond?= Date: Tue, 28 Jul 2026 22:54:52 +0200 Subject: [PATCH] Guard placeholder glow/wave animations behind prefers-reduced-motion (#42769) --- scss/_placeholders.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/scss/_placeholders.scss b/scss/_placeholders.scss index 6e32e1cdb9..05e7539319 100644 --- a/scss/_placeholders.scss +++ b/scss/_placeholders.scss @@ -29,6 +29,12 @@ .placeholder-glow { .placeholder { animation: placeholder-glow 2s ease-in-out infinite; + + @if $enable-reduced-motion { + @media (prefers-reduced-motion: reduce) { + animation: none; + } + } } } @@ -42,6 +48,12 @@ mask-image: linear-gradient(130deg, $black 55%, rgba(0, 0, 0, (1 - $placeholder-opacity-min)) 75%, $black 95%); mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; + + @if $enable-reduced-motion { + @media (prefers-reduced-motion: reduce) { + animation: none; + } + } } @keyframes placeholder-wave { -- 2.47.3