diff --git a/source/_patterns/02-base/02-html-elements/26-media/_img.scss b/source/_patterns/02-base/02-html-elements/26-media/_img.scss index 8143c4e0eaf992318eeaa2a66144bda9fc62158f..bcc13541df8ea68bc0ab0e68014b65116eaf9f0d 100644 --- a/source/_patterns/02-base/02-html-elements/26-media/_img.scss +++ b/source/_patterns/02-base/02-html-elements/26-media/_img.scss @@ -5,10 +5,25 @@ img { border: 0; font-style: italic; // Makes alt text stand out from surrounding text. max-width: 100%; - vertical-align: middle; @media print { max-width: 100% !important; page-break-inside: avoid; } } +.media--type-uw-mt-image{ + img{ + height: auto; + object-fit: scale-down; + } +} +.media--type-uw-mt-image[data-width], +.media--type-uw-mt-image[data-height]{ + background:$test-color-1; + img{ + height: inherit; + max-width:inherit; + object-fit: inherit; + width: inherit; + } +} diff --git a/source/_patterns/04-components/copy-text/_copy-text.scss b/source/_patterns/04-components/copy-text/_copy-text.scss index 00ed19c0defe01bd7e9d48a1e0c501667507bb92..b6ce015922cc5e20ff4c9185b1d7d3fb0ffb5441 100644 --- a/source/_patterns/04-components/copy-text/_copy-text.scss +++ b/source/_patterns/04-components/copy-text/_copy-text.scss @@ -8,7 +8,8 @@ padding-right: 1rem; } &.align-center { - padding: 1rem 0; + padding-left:0; + padding-right:0; text-align: center; img{ display: block;