diff --git a/res/css/_animations.scss b/res/css/_animations.scss index 89c406dd85..26252fcaf6 100644 --- a/res/css/_animations.scss +++ b/res/css/_animations.scss @@ -34,27 +34,12 @@ limitations under the License. transition: opacity 300ms ease; } - @keyframes mx--anim-pulse { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } - -@media (prefers-reduced-motion) { - @keyframes mx--anim-pulse { - // Override all keyframes in reduced-motion - } - .mx_rtg--fade-enter-active { - transition: none; - } - .mx_rtg--fade-exit-active { - transition: none; - } -} - - @keyframes mx_Dialog_lightbox_background_keyframes { from { opacity: 0; @@ -64,7 +49,6 @@ limitations under the License. } } - @keyframes mx_ImageView_panel_keyframes { from { opacity: 0; @@ -73,3 +57,24 @@ limitations under the License. opacity: 1; } } + +@media (prefers-reduced-motion) { + @keyframes mx--anim-pulse { + // Override all keyframes in reduced-motion + } + + @keyframes mx_Dialog_lightbox_background_keyframes { + // Override all keyframes in reduced-motion + } + + @keyframes mx_ImageView_panel_keyframes { + // Override all keyframes in reduced-motion + } + + .mx_rtg--fade-enter-active { + transition: none; + } + .mx_rtg--fade-exit-active { + transition: none; + } +}