Skip to content
This repository has been archived by the owner on Jul 30, 2024. It is now read-only.

Commit

Permalink
Fix row and section style
Browse files Browse the repository at this point in the history
  • Loading branch information
SofiaSousa committed Jul 16, 2018
1 parent bdfe9ba commit afc690c
Show file tree
Hide file tree
Showing 3 changed files with 15 additions and 20 deletions.
15 changes: 6 additions & 9 deletions src/js/blocks/row/editor.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2,24 +2,21 @@ $totalColumns: 12;

.wp-block-gutenbergjs-row {
display: block;

.editor-inner-blocks {
margin-left: -$block-padding;
margin-right: -$block-padding;

> .editor-inner-blocks {
display: grid;
grid-auto-flow: dense;
grid-gap: 0;
grid-template-columns: repeat($totalColumns, 1fr);

.editor-block-list__layout {
&:first-child {
margin-left: -$block-padding;
}
&:last-child {
margin-right: -$block-padding;
}

// This max-width is used to constrain the main editor column, it should not cascade into columns
.editor-block-list__block {
max-width: none;
margin-left: 0px;
margin-right: 0px;
}
}
}
Expand Down
2 changes: 1 addition & 1 deletion src/js/blocks/section/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@ export const settings = {

return (
<div className={ classes } style={ style } { ...data }>
<div className="wp-block-storypage-section-content">
<div className="wp-block-gutenbergjs-section-content">
<InnerBlocks.Content />
</div>
</div>
Expand Down
18 changes: 8 additions & 10 deletions src/js/blocks/section/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2,16 +2,16 @@
display: grid;
grid-gap: 1em;
position: relative;
background-size: cover;
background-position: 50%;
min-height: 430px;
width: 100%;
background-size: cover;
background-position: 50%;
min-height: 430px;
width: 100%;

&.has-parallax {
&.has-parallax {
background-attachment: fixed;
}

&.has-background-dim:before {
&.has-background-dim:before {
content: '';
position: absolute;
top: 0;
Expand All @@ -27,7 +27,7 @@
top: 0;
left: 0;
bottom: 0;
right: 0;
right: 0;
z-index: 1;
}
}
Expand All @@ -37,11 +37,9 @@
background-color: rgba( #000, $i * 0.1 );
}
}

&.has-max-width {
margin-left: auto;
margin-right: auto;
}


}

0 comments on commit afc690c

Please sign in to comment.