"A11Y: Add prefers reduced motion" (#14859)

“A11Y: Add prefers reduced motion” (#14859)

diff --git a/app/assets/stylesheets/common/base/magnific-popup.scss b/app/assets/stylesheets/common/base/magnific-popup.scss
index 29896de..e4fc9e5 100644
--- a/app/assets/stylesheets/common/base/magnific-popup.scss
+++ b/app/assets/stylesheets/common/base/magnific-popup.scss
@@ -584,7 +584,9 @@ button {
   /* start state */
   .mfp-content {
     opacity: 0;
-    transition: all 0.2s;
+    @media screen and (prefers-reduced-motion: no-preference) {
+      transition: all 0.2s;
+    }
     -webkit-transform: scale(0.8);
     -ms-transform: scale(0.8);
     transform: scale(0.8);

GitHub sha: 520a0cfa2b2234bd683d79dc73bdac4bf227976b

This commit appears in #14859 which was approved by davidtaylorhq. It was merged by jordanvidrine.