From 520a0cfa2b2234bd683d79dc73bdac4bf227976b Mon Sep 17 00:00:00 2001 From: Jordan Vidrine <30537603+jordanvidrine@users.noreply.github.com> Date: Tue, 9 Nov 2021 10:24:31 -0600 Subject: [PATCH] "A11Y: Add prefers reduced motion" (#14859) --- app/assets/stylesheets/common/base/magnific-popup.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/app/assets/stylesheets/common/base/magnific-popup.scss b/app/assets/stylesheets/common/base/magnific-popup.scss index 29896ded017..e4fc9e5333b 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);