From d42148b49ceb2f3264a30170c7999fefbbf3404f Mon Sep 17 00:00:00 2001
From: Martin Leblanc <m26lebla@uwaterloo.ca>
Date: Thu, 20 Apr 2023 09:29:11 -0400
Subject: [PATCH] ISTWCMS-6038: Add css to copy-text embeded media - images
---
.../04-components/copy-text/_copy-text.scss | 17 ++++++++---------
src/patterns/04-components/image/_image.scss | 8 ++++----
2 files changed, 12 insertions(+), 13 deletions(-)
diff --git a/src/patterns/04-components/copy-text/_copy-text.scss b/src/patterns/04-components/copy-text/_copy-text.scss
index 8fd77112..ddf1053d 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 0b8e414e..1f353ca2 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;
}
--
GitLab