diff --git a/src/patterns/01-core/elements/_img.scss b/src/patterns/01-core/elements/_img.scss index 5d2850cef30895815c34e50878631ff70f6f50bb..776770552a22ed4983409f7bfb5c383c21e5811f 100644 --- a/src/patterns/01-core/elements/_img.scss +++ b/src/patterns/01-core/elements/_img.scss @@ -3,6 +3,8 @@ :where(img) { max-inline-size: 100%; + /* Ensure images maintain proportions despite having dimensions set. */ + height: auto; @media print { max-width: 100% !important; page-break-inside: avoid; diff --git a/src/patterns/04-components/image/_image.scss b/src/patterns/04-components/image/_image.scss index 9e26318a85558e41181bd4f48bec60f104ed365b..0b8e414e5a214bea4ab1a0afee604ad261238e48 100644 --- a/src/patterns/04-components/image/_image.scss +++ b/src/patterns/04-components/image/_image.scss @@ -16,10 +16,6 @@ display: table-caption; } &__sized-image { - /* Ensure sized images maintain proportions despite having dimensions set. */ - img { - height: auto; - } &--center { align-self: center; img {