Browse Source

Fix wide width to match editor better; add some padding/margins to left and right on full-aligned blocks that have text within.

Caroline Moore 6 years ago
parent
commit
c4037b49dd
2 changed files with 12 additions and 5 deletions
  1. 5 5
      publication/blocks.css
  2. 7 0
      publication/editor-blocks.css

+ 5 - 5
publication/blocks.css

@@ -59,12 +59,12 @@ Description: Used to style Gutenberg Blocks.
 
 /* Wide Width */
 
-@media (min-width: 1024px) {
+@media (min-width: 1100px) {
 	.no-sidebar .alignwide {
-		width: 120%;
-		max-width: 120%;
-		margin-left: -10%;
-		margin-right: -10%;
+		width: 1100px;
+		max-width: 1100px;
+		margin-left: -268px;
+		margin-right: -268px;
 		position: relative;
 	}
 

+ 7 - 0
publication/editor-blocks.css

@@ -47,6 +47,13 @@
 	margin-right: auto;
 }
 
+.wp-block-columns.alignfull,
+.wp-block-latest-comments.alignfull,
+.editor-block-list__block[data-align="full"] .wp-block-file {
+	padding-left: 24px;
+	padding-right: 24px;
+}
+
 /* Title */
 
 .editor-post-title__block .editor-post-title__input {