From: Julien Déramond <juderamond@gmail.com>
Date: Tue, 28 Jul 2026 20:54:52 +0000 (+0200)
Subject: Guard placeholder glow/wave animations behind prefers-reduced-motion (#42769)
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;ds=sidebyside;p=thirdparty%2Fbootstrap.git

Guard placeholder glow/wave animations behind prefers-reduced-motion (#42769)
---

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 {