Skip to content

Commit 1924b6f

Browse files
author
madalingorbanescu
committed
Load Hero block custom style inside the editor
1 parent 6b528b0 commit 1924b6f

File tree

2 files changed

+36
-0
lines changed

2 files changed

+36
-0
lines changed

assets/scss/blocks/nova-blocks/hero/_editor.scss

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
@import 'custom';
2+
13
.novablocks-u-background-dark {
24

35
.novablocks-hero__indicator:after {

editor.css

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1530,6 +1530,40 @@
15301530
.editor-styles-wrapper .nova-food-menu-item--highlighted {
15311531
margin-left: 0;
15321532
margin-right: 0; }
1533+
.editor-styles-wrapper .novablocks-hero__inner-container > .c-headline .c-headline__primary,
1534+
.editor-styles-wrapper .novablocks-hero__inner-container > .c-headline .c-headline__secondary {
1535+
opacity: 1; }
1536+
.editor-styles-wrapper .novablocks-hero__inner-container > .c-headline + .c-headline .c-headline__primary,
1537+
.editor-styles-wrapper .novablocks-hero__inner-container > .c-headline + .c-headline .c-headline__secondary {
1538+
opacity: 1; }
1539+
.editor-styles-wrapper .novablocks-hero__inner-container > :not(.c-headline) {
1540+
opacity: 1; }
1541+
.editor-styles-wrapper .novablocks-hero__inner-container .c-separator__symbol {
1542+
color: var(--current-color-primary); }
1543+
@media not screen and (min-width: 768px) {
1544+
.editor-styles-wrapper .novablocks-hero .novablocks-u-content-padding {
1545+
padding-top: var(--theme-spacing-xxl);
1546+
padding-bottom: var(--theme-spacing-xxl); } }
1547+
.editor-styles-wrapper .novablocks-hero .novablocks-u-content-align {
1548+
position: static; }
1549+
.editor-styles-wrapper .novablocks-hero__indicator:not(.novablocks-hero__indicator--middle) {
1550+
width: 160px;
1551+
height: 50px;
1552+
top: 100%;
1553+
color: var(--theme-light-primary);
1554+
z-index: 1; }
1555+
.editor-styles-wrapper .novablocks-hero__indicator:not(.novablocks-hero__indicator--middle):after {
1556+
color: var(--theme-dark-primary); }
1557+
.has-moderate-media-card-after-hero .editor-styles-wrapper .novablocks-hero__indicator:not(.novablocks-hero__indicator--middle) {
1558+
color: var(--theme-light-tertiary); }
1559+
.editor-styles-wrapper [class*="novablocks-u-content"] {
1560+
z-index: 10; }
1561+
.editor-styles-wrapper .novablocks-hero {
1562+
color: var(--novablocks-hero-text-color); }
1563+
.editor-styles-wrapper .novablocks-u-background-dark {
1564+
background-color: var(--current-dark-primary); }
1565+
.editor-styles-wrapper .novablocks-u-background-light {
1566+
background-color: var(--current-light-primary); }
15331567
.editor-styles-wrapper .novablocks-u-background-dark .novablocks-hero__indicator:after {
15341568
color: var(--theme-sm-light-1); }
15351569
.editor-styles-wrapper .novablocks-slideshow__arrow {

0 commit comments

Comments
 (0)