From f29bebaefed4a6adedec66f79174d65fbc56b402 Mon Sep 17 00:00:00 2001 From: Andrew Noblet Date: Tue, 30 Apr 2024 13:51:07 +0000 Subject: [PATCH] save --- packages/cxl-ui/scss/cxl-section.scss | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/packages/cxl-ui/scss/cxl-section.scss b/packages/cxl-ui/scss/cxl-section.scss index 650593d6b..df3746a20 100644 --- a/packages/cxl-ui/scss/cxl-section.scss +++ b/packages/cxl-ui/scss/cxl-section.scss @@ -3,7 +3,7 @@ @use "./mixins" as cxl-mixins; :host { - --figure-height-multiplier: 0.10; + --figure-height-multiplier: 0.1; --figure-height-factor: calc(var(--figure-height-multiplier) * var(--cxl-content-max-width-wide)); position: relative; @@ -93,15 +93,15 @@ * * @see https://cxlworld.slack.com/archives/C01JABH8AHX/p1714384594016109?thread_ts=1713699357.038669&cid=C01JABH8AHX */ -@media only screen and (min-width: 782px) { - :host(#view-hero) { +@media #{mq.$medium} { + :host(#view-hero):not(.view-hero-modern) { @include mixins.wide-background(); @include mixins.extend-background-right(); @include mixins.wide-background-hero(); @include mixins.wide-background-hero-image(); } - :host([theme~="cxl-hero"]) { + :host([theme~="cxl-hero"]):not(.view-hero-modern) { @include mixins.wide-background(); @include mixins.extend-background-right(); @include mixins.wide-background-hero(); @@ -158,3 +158,13 @@ } } } + +@media only screen and (min-width: 782px) { + :host(#view-hero.view-hero-modern), + :host([theme~="cxl-hero"].view-hero-modern) { + @include mixins.wide-background(); + @include mixins.extend-background-right(); + @include mixins.wide-background-hero(); + @include mixins.wide-background-hero-image(); + } +}