Rework it all again with percentages.

WordPress · Jun 7, 2017 · b7888a8 · b7888a8
1 parent aaeb881
commit b7888a8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/blocks/library/image/style.scss b/blocks/library/image/style.scss
@@ -9,20 +9,21 @@
 	&[data-align="left"] {
 		float: left;
 		margin-right: $block-padding;
+		margin-left: calc( 50vw - 500px);
 	}
 
 	&[data-align="right"] {
 		float: right;
 		margin-left: $block-padding;
+		margin-right: calc( 50vw - 500px);
 	}
 
 	&[data-align="wide"] {
-		margin-left: -24%;
-		margin-right: -24%;
+		max-width: 1100px;
 	}
 
 	&[data-align="full"] {
-		grid-column: full;
+		max-width: 100%;
 		padding-left: 0;
 		padding-right: 0;
 		box-sizing: border-box;

diff --git a/editor/modes/visual-editor/style.scss b/editor/modes/visual-editor/style.scss
@@ -1,6 +1,6 @@
 .editor-visual-editor {
 	margin: 0 auto;
-	padding: 50px 0;
+	padding: 50px 0;	// Floating up/down arrows invisible
 
 	&,
 	& p {
@@ -21,15 +21,12 @@
 .editor-visual-editor {
 	margin-left: auto;
 	margin-right: auto;
-	> div {
-		display: grid;
-		grid-gap: 20px;
-		grid-template-columns: [full-start] minmax(1em, 1fr) [content-start] minmax(0, 40em) [content-end] minmax(1em, 1fr) [full-end];
-	}
 }
 
 .editor-visual-editor__block {
-	grid-column: main;
+	margin-left: auto;
+	margin-right: auto;
+	max-width: $visual-editor-max-width;
 	position: relative;
 	padding: $block-padding;
 	transition: 0.2s border-color;