From adcefa688e8e1b2601a4e270fcb20e483063f10c Mon Sep 17 00:00:00 2001 From: himanshupathak95 Date: Thu, 26 Dec 2024 16:01:58 +0530 Subject: [PATCH] Ally: Make the media queries consistent for reduce motion preference --- packages/block-library/src/image/style.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/block-library/src/image/style.scss b/packages/block-library/src/image/style.scss index 77d1dfa3f167ab..20196a5200df08 100644 --- a/packages/block-library/src/image/style.scss +++ b/packages/block-library/src/image/style.scss @@ -167,7 +167,7 @@ text-align: center; padding: 0; border-radius: 4px; - @media not ( prefers-reduced-motion ) { + @media (prefers-reduced-motion: no-preference) { transition: opacity 0.2s ease; } @@ -282,22 +282,22 @@ // or faster than the scrim to give a sense of depth. &.active { visibility: visible; - @media not ( prefers-reduced-motion ) { + @media (prefers-reduced-motion: no-preference) { animation: both turn-on-visibility 0.25s; } img { - @media not ( prefers-reduced-motion ) { + @media (prefers-reduced-motion: no-preference) { animation: both turn-on-visibility 0.35s; } } } &.show-closing-animation { &:not(.active) { - @media not ( prefers-reduced-motion ) { + @media (prefers-reduced-motion: no-preference) { animation: both turn-off-visibility 0.35s; } img { - @media not ( prefers-reduced-motion ) { + @media (prefers-reduced-motion: no-preference) { animation: both turn-off-visibility 0.25s; } }