save

conversionxl · Apr 30, 2024 · f29beba · f29beba
1 parent 98ecd26
commit f29beba
Showing 1 changed file with 14 additions and 4 deletions.
diff --git 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();
+  }
+}