From 40851cc7348089cb2d3f86ebd95ea48c26020e93 Mon Sep 17 00:00:00 2001
From: Martin Leblanc <m26lebla@uwaterloo.ca>
Date: Wed, 16 Jun 2021 21:57:17 +0000
Subject: [PATCH] card.node - apply css to direct child descendant card
header/footer and not those in flow
---
css/styles.css | 8 ++++----
.../04-components/card/card--node/_card--node.scss | 4 ++--
2 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/css/styles.css b/css/styles.css
index 54760ae0..4eea2efd 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -3718,15 +3718,15 @@ button {
.card.banner .card__title a:hover {
text-decoration: underline; }
-.card.node .card__header,
-.card.node .card__footer {
+.card.node > .card__header,
+.card.node > .card__footer {
margin-left: auto;
margin-right: auto;
max-width: 75rem;
padding: 0 16px; }
@media (min-width: 75rem) {
- .card.node .card__header,
- .card.node .card__footer {
+ .card.node > .card__header,
+ .card.node > .card__footer {
padding-left: 0;
padding-right: 0; } }
diff --git a/source/_patterns/04-components/card/card--node/_card--node.scss b/source/_patterns/04-components/card/card--node/_card--node.scss
index 82c77f79..3374ad33 100644
--- a/source/_patterns/04-components/card/card--node/_card--node.scss
+++ b/source/_patterns/04-components/card/card--node/_card--node.scss
@@ -1,6 +1,6 @@
.card.node {
- .card__header,
- .card__footer {
+ > .card__header,
+ > .card__footer {
@include uw-contained-width;
}
}
--
GitLab