Load Hero block custom style inside the editor

pixelgrade · Jul 12, 2021 · 1924b6f · 1924b6f
1 parent 6b528b0
commit 1924b6f
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 0 deletions.
diff --git a/assets/scss/blocks/nova-blocks/hero/_editor.scss b/assets/scss/blocks/nova-blocks/hero/_editor.scss
@@ -1,3 +1,5 @@
+@import 'custom';
+
 .novablocks-u-background-dark {
 
   .novablocks-hero__indicator:after {

diff --git a/editor.css b/editor.css
@@ -1530,6 +1530,40 @@
   .editor-styles-wrapper .nova-food-menu-item--highlighted {
     margin-left: 0;
     margin-right: 0; }
+  .editor-styles-wrapper .novablocks-hero__inner-container > .c-headline .c-headline__primary,
+  .editor-styles-wrapper .novablocks-hero__inner-container > .c-headline .c-headline__secondary {
+    opacity: 1; }
+  .editor-styles-wrapper .novablocks-hero__inner-container > .c-headline + .c-headline .c-headline__primary,
+  .editor-styles-wrapper .novablocks-hero__inner-container > .c-headline + .c-headline .c-headline__secondary {
+    opacity: 1; }
+  .editor-styles-wrapper .novablocks-hero__inner-container > :not(.c-headline) {
+    opacity: 1; }
+  .editor-styles-wrapper .novablocks-hero__inner-container .c-separator__symbol {
+    color: var(--current-color-primary); }
+  @media not screen and (min-width: 768px) {
+    .editor-styles-wrapper .novablocks-hero .novablocks-u-content-padding {
+      padding-top: var(--theme-spacing-xxl);
+      padding-bottom: var(--theme-spacing-xxl); } }
+  .editor-styles-wrapper .novablocks-hero .novablocks-u-content-align {
+    position: static; }
+  .editor-styles-wrapper .novablocks-hero__indicator:not(.novablocks-hero__indicator--middle) {
+    width: 160px;
+    height: 50px;
+    top: 100%;
+    color: var(--theme-light-primary);
+    z-index: 1; }
+    .editor-styles-wrapper .novablocks-hero__indicator:not(.novablocks-hero__indicator--middle):after {
+      color: var(--theme-dark-primary); }
+    .has-moderate-media-card-after-hero .editor-styles-wrapper .novablocks-hero__indicator:not(.novablocks-hero__indicator--middle) {
+      color: var(--theme-light-tertiary); }
+  .editor-styles-wrapper [class*="novablocks-u-content"] {
+    z-index: 10; }
+  .editor-styles-wrapper .novablocks-hero {
+    color: var(--novablocks-hero-text-color); }
+  .editor-styles-wrapper .novablocks-u-background-dark {
+    background-color: var(--current-dark-primary); }
+  .editor-styles-wrapper .novablocks-u-background-light {
+    background-color: var(--current-light-primary); }
   .editor-styles-wrapper .novablocks-u-background-dark .novablocks-hero__indicator:after {
     color: var(--theme-sm-light-1); }
   .editor-styles-wrapper .novablocks-slideshow__arrow {