From d29c334e1eca7d2efb95acf7fe07eaf9a991b3eb Mon Sep 17 00:00:00 2001 From: Joen A <1204802+jasmussen@users.noreply.github.com> Date: Wed, 2 Feb 2022 08:09:36 +0100 Subject: [PATCH] Images: Try moving responsive rule to common.scss. (#38399) * Images: Try moving responsive rule to common.scss. * Update packages/block-library/src/common.scss Co-authored-by: Kjell Reigstad --- packages/block-library/src/common.scss | 8 ++++++++ packages/block-library/src/image/style.scss | 2 -- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/packages/block-library/src/common.scss b/packages/block-library/src/common.scss index 1240ae6290951..6f13b93a877f9 100644 --- a/packages/block-library/src/common.scss +++ b/packages/block-library/src/common.scss @@ -101,3 +101,11 @@ width: auto; z-index: 100000; } + +/** + * Provide baseline responsiveness for images. + */ +html :where(img) { + height: auto; + max-width: 100%; +} diff --git a/packages/block-library/src/image/style.scss b/packages/block-library/src/image/style.scss index fe61a93e62956..4a5742f0ff675 100644 --- a/packages/block-library/src/image/style.scss +++ b/packages/block-library/src/image/style.scss @@ -2,8 +2,6 @@ margin: 0 0 1em 0; img { - height: auto; - max-width: 100%; vertical-align: bottom; }