Polish cover image styles.

WordPress · Jun 30, 2017 · 809da72 · 809da72
1 parent dfd8cf8
commit 809da72
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/blocks/library/cover-image/block.scss b/blocks/library/cover-image/block.scss
@@ -7,6 +7,9 @@
 		font-size: 24pt;
 		line-height: 1em;
 		z-index: 1;
+		max-width: $visual-editor-max-width;
+		padding: $block-padding;
+		text-align: center;
 	}
 
 	.cover-image {
@@ -22,7 +25,7 @@
 		background-attachment: fixed;
 	}
 
-	.cover-image:before {
+	.has-background-dim.cover-image:before {
 		content: '';
 		position: absolute;
 		top: 0;

diff --git a/blocks/library/cover-image/style.scss b/blocks/library/cover-image/style.scss
@@ -32,9 +32,9 @@
 	.cover-image.has-background-dim::before {
 		content: '';
 		position: absolute;
-		top: $block-padding;
+		top: 0;
 		right: $block-padding * 2 + $block-mover-margin;
-		bottom: $block-padding;
+		bottom: 0;
 		left: $block-padding * 2 + $block-mover-margin;
 		background: rgba( 0,0,0,.5 );
 	}