diff --git a/css/styles.css b/css/styles.css index 54760ae0db5b3a7e3e9b92f1993fd369565f1eb0..4eea2efdf50f3533ad23ce99283f6b2040b5f445 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 82c77f790868f0668441c0c0d38ac6394bc1e64e..3374ad33f1d485499096f842002237861d242ce9 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; } }