From 41b30e0b25444a6aaf490a1f110b5b46f5e20838 Mon Sep 17 00:00:00 2001
From: Kevin Paxman <kpaxman@uwaterloo.ca>
Date: Thu, 19 Jan 2023 09:59:22 -0500
Subject: [PATCH] ISTWCMS-6012: make smaller images align on top of the caption
to match alignment setting
---
src/patterns/04-components/image/_image.scss | 9 +++++----
1 file changed, 5 insertions(+), 4 deletions(-)
diff --git a/src/patterns/04-components/image/_image.scss b/src/patterns/04-components/image/_image.scss
index 278002de..ff6891d2 100644
--- a/src/patterns/04-components/image/_image.scss
+++ b/src/patterns/04-components/image/_image.scss
@@ -16,19 +16,20 @@
display: table-caption;
}
&__sized-image {
- &--original{
+ &--center {
+ align-self: center;
img {
margin: 0 auto;
}
}
- &--center {
- align-self: center;
- }
&--left {
align-self: flex-start;
}
&--right {
align-self: flex-end;
+ img {
+ margin: 0 0 0 auto;
+ }
}
}
}
--
GitLab