Fix separator block styles preview

woocommerce · Jun 17, 2019 · d8db874 · d8db874
1 parent 2c8a0f9
commit d8db874
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/assets/css/base/gutenberg-blocks.scss b/assets/css/base/gutenberg-blocks.scss
@@ -503,6 +503,10 @@
 	.wp-block-separator {
 		border: 0;
 		margin: 0 auto ms(2);
+
+		&:not( .is-style-wide ):not( .is-style-dots ) {
+			max-width: 10%;
+		}
 	}
 
 	// Twitter Embed

diff --git a/assets/css/base/gutenberg-editor.scss b/assets/css/base/gutenberg-editor.scss
@@ -340,3 +340,9 @@ ul.wp-block-latest-posts {
 	margin-right: 0;
 	list-style: none;
 }
+
+// Separator
+.wp-block-separator {
+	margin-top: ms(2);
+	margin-bottom: ms(2);
+}