diff --git a/src/patterns/04-components/copy-text/_copy-text.scss b/src/patterns/04-components/copy-text/_copy-text.scss index 8fd771122e214b40bbd38650ee1fca929aca2f43..ddf1053d56aae06be7591687554b669be4b0744a 100644 --- a/src/patterns/04-components/copy-text/_copy-text.scss +++ b/src/patterns/04-components/copy-text/_copy-text.scss @@ -8,24 +8,23 @@ } .media { - &.align-left { - padding-right: var(--size-2); + img { + margin: 0 var(--size-2) 0 0; + } } - &.align-center { padding-left: 0; padding-right: 0; text-align: center; - - img { - display: block; - margin: 0 auto; + img{ + margin: 0 auto var(--size-1) auto; } } - &.align-right { - padding-left: var(--size-2); + img{ + margin: 0 0 0 var(--size-2); + } } } diff --git a/src/patterns/04-components/image/_image.scss b/src/patterns/04-components/image/_image.scss index 0b8e414e5a214bea4ab1a0afee604ad261238e48..1f353ca22cc8bb02438b3fce0ab6b76139aa36b5 100644 --- a/src/patterns/04-components/image/_image.scss +++ b/src/patterns/04-components/image/_image.scss @@ -1,17 +1,17 @@ -.block-uw-cbl-image{ +.block-uw-cbl-image { .uw-image { display: flex; flex-flow: column; width: 100%; - img{ + img { display: block; max-width: 100%; } - &__figure{ + &__figure { display: table; min-width: 9rem; } - &__caption{ + &__caption { caption-side: bottom; display: table-caption; }