Merge pull request #82 from WordPress/add/support-for-section-block

Add support for section block alignments on the front end.
WordPress · Apr 2, 2019 · 0ae0d78 · 0ae0d78
2 parents 767676a + 3400086
commit 0ae0d78
Showing 1 changed file with 21 additions and 0 deletions.
diff --git a/css/blocks.css b/css/blocks.css
@@ -117,6 +117,27 @@ ul.wp-block-latest-posts.is-grid.alignwide {
   padding: 0;
 }
 
+.wp-block-section > * {
+  max-width: 610px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.wp-block-section > .alignwide {
+  max-width: 1100px;
+}
+
+.wp-block-section > .alignfull {
+  max-width: 100%;
+}
+
+.wp-block-section.has-background > .alignfull {
+  width: calc( 100% + 60px );
+  max-width: calc( 100% + 60px );
+  position: relative;
+  left: -30px;
+}
+
 @media screen and (min-width: 768px) {
   .wp-block-cover-text p {
     padding: 1.5em 0;