diff --git a/src/patterns/03-layouts/layout/_layout.scss b/src/patterns/03-layouts/layout/_layout.scss index 4c0aef918859ee95aed7c8e70de691b37a1d5b2e..36a398a916111b03ed4b131bbe23b4186c7524c7 100644 --- a/src/patterns/03-layouts/layout/_layout.scss +++ b/src/patterns/03-layouts/layout/_layout.scss @@ -4,7 +4,7 @@ @include uw-contained-width; .uw-node__with-media .card__node & { padding: var(--size-2); - @media(min-width: $screen-xxl) { + @media(min-width: $screen-xl) { padding: var(--size-2) 0; } } @@ -15,11 +15,14 @@ @include uw-contained-width; padding: var(--size-2); - @media(min-width: $screen-xxl) { + @media(min-width: $screen-xl) { padding: var(--size-2) 0; } &.card__media{ padding: 0 var(--size-2); + @media(min-width: $screen-xl) { + padding: 0; + } } &--narrow { /* Match the width of WCMS2's narrow: 496px */ 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 283d7345dbd4c10f46a6840f71558ae984f7adb7..c077b04a57b712b5a2a42d3b03a27dbaeabb51da 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 @@ .uw-node__with-media &{ > .card__header { padding: var(--size-2); - @media(min-width: $screen-xxl) { + @media(min-width: $screen-xl) { padding: var(--size-2) 0; } } @@ -207,11 +207,15 @@ .card__header{ display: grid; padding: var(--size-2); + @media(min-width: $screen-xl) { + padding: var(--size-2) 0; + } .card__title{ margin: 0; padding: var(--size-2) 0; } } + .card__media{ // } @@ -240,7 +244,7 @@ align-self: end; margin-bottom: 0; margin-top: 0; - padding: inherit; + padding: var(--size-2); .card__date { margin-bottom: 0; margin-top: 0; @@ -249,9 +253,8 @@ .card__title { background: var(--uw-white); font-size: var(--font-size-8); - margin-bottom: 0; - margin-top: 0; - padding: var(--size-2); + margin: 0; + padding: var(--size-2) 0; } .card__sub-title { @@ -290,6 +293,3 @@ } } } -.card__node--uw_ct_contact .card__image{ - display: none !important; -}