From 591b4bd18dd1de87381bddd72e4be2867cf5627f Mon Sep 17 00:00:00 2001
From: Martin Leblanc <m26lebla@uwaterloo.ca>
Date: Tue, 28 Feb 2023 12:21:43 -0500
Subject: [PATCH] :ISTWCMS-5898: Remove extra padding in card header when no
media and div prints
---
.../04-components/card/card--node/_card--node.scss | 9 ++++++---
1 file changed, 6 insertions(+), 3 deletions(-)
diff --git a/src/patterns/04-components/card/card--node/_card--node.scss b/src/patterns/04-components/card/card--node/_card--node.scss
index 66bea642..ea502fb8 100644
--- a/src/patterns/04-components/card/card--node/_card--node.scss
+++ b/src/patterns/04-components/card/card--node/_card--node.scss
@@ -15,7 +15,7 @@
@include uw-contained-width(var(--layout-max-width));
}
}
- .uw-node__with-media &{
+ .uw-node__with-media & {
> .card__header {
padding: 0;
&.uw-node__with-media{
@@ -36,6 +36,9 @@
}
.card__header {
padding: 0 0 var(--size-2) 0;
+ &:not(:has(*)) {
+ padding: 0;
+ }
}
}
.card__tags {
@@ -58,7 +61,7 @@
}
// CSS for specific node card presentations:
- &--web-page{
+ &--web-page {
// Currently this is PL demo only
// needs to be implemented correctly when webpage has media.
.uw-node__with-media & {
@@ -67,7 +70,7 @@
padding: var(--size-2) 0;
}
}
- .card__featured-image{
+ .card__featured-image {
align-items: center;
background-position: center center;
background-repeat: no-repeat;
--
GitLab