Consolidate editor and save styles

WordPress · Jan 21, 2021 · 21dfbb7 · 21dfbb7
1 parent f236e7f
commit 21dfbb7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 17 deletions.
diff --git a/packages/block-library/src/cover/editor.scss b/packages/block-library/src/cover/editor.scss
@@ -43,12 +43,6 @@
 	.wp-block-cover__placeholder-background-options {
 		width: 100%;
 	}
-
-	// Fix object-fit when block is full width in the editor.
-	.wp-block-cover__image-background {
-		width: inherit;
-		height: inherit;
-	}
 }
 
 [data-align="left"] > .wp-block-cover,

diff --git a/packages/block-library/src/cover/style.scss b/packages/block-library/src/cover/style.scss
@@ -167,18 +167,19 @@
 			width: auto;
 		}
 	}
-}
 
-.wp-block-cover__image-background,
-.wp-block-cover__video-background {
-	position: absolute;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	width: inherit;
-	height: inherit;
-	object-fit: cover;
+	// Extra specificity for in edit mode where other styles would override it otherwise.
+	img.wp-block-cover__image-background,
+	video.wp-block-cover__video-background {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		width: inherit;
+		height: inherit;
+		object-fit: cover;
+	}
 }
 
 .wp-block-cover__video-background {