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

2021-11-09 10:24:31 -06:00 · 2021-11-09 10:24:31 -06:00 · 520a0cfa2b
parent ec3758b573
commit 520a0cfa2b
1 changed files with 3 additions and 1 deletions
--- 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;
+    @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);