Browse Source

Update Vintage cover blocks.

Laurel Fulford 7 years ago
parent
commit
c6c02f0adb

+ 10 - 2
radcliffe-2/assets/css/blocks-vintage.css

@@ -30,13 +30,20 @@ ul.wp-block-gallery.alignfull,
 	.wp-block-latest-posts.alignfull,
 	.wp-block-latest-posts.alignfull,
 	.wp-block-categories.alignfull,
 	.wp-block-categories.alignfull,
 	.wp-block-verse.alignfull,
 	.wp-block-verse.alignfull,
-	p.alignfull {
+	p.alignfull,
+	.wp-block-cover-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
+	.wp-block-cover-image.alignfull {
 		margin-left: calc(30% - 30vw);
 		margin-left: calc(30% - 30vw);
 		margin-right: calc(30% - 30vw);
 		margin-right: calc(30% - 30vw);
 		width: auto;
 		width: auto;
 		max-width: 1000%;
 		max-width: 1000%;
 	}
 	}
 
 
+	.wp-block-cover-image:not(.alignwide):not(.alignfull) {
+		left: auto;
+		margin-left: 0;
+	}
+
 	.alignwide,
 	.alignwide,
 	.wp-block-image.alignwide,
 	.wp-block-image.alignwide,
 	.wp-block-text-columns.alignwide,
 	.wp-block-text-columns.alignwide,
@@ -46,7 +53,8 @@ ul.wp-block-gallery.alignfull,
 	.wp-block-pullquote.alignwide,
 	.wp-block-pullquote.alignwide,
 	.wp-block-latest-posts.alignwide,
 	.wp-block-latest-posts.alignwide,
 	.wp-block-categories.alignwide,
 	.wp-block-categories.alignwide,
-	p.alignwide {
+	p.alignwide,
+	.wp-block-cover-image.alignwide {
 		margin-left: calc(20% - 20vw);
 		margin-left: calc(20% - 20vw);
 		margin-right: calc(20% - 20vw);
 		margin-right: calc(20% - 20vw);
 		width: auto;
 		width: auto;

+ 5 - 17
radcliffe-2/assets/css/editor-style-vintage.css

@@ -39,35 +39,23 @@ Editor Styles for Radcliffe 2: Vintage Style Pack
 		width: 740px;
 		width: 740px;
 	}
 	}
 
 
-	.editor-block-list__layout .editor-block-list__block[data-align="full"] {
+	.editor-block-list__layout .editor-block-list__block[data-align="full"],
+	.editor-block-list__layout .editor-block-list__block[data-type="core/cover-image"] {
 		margin-left: calc(30% - 30vw);
 		margin-left: calc(30% - 30vw);
 		margin-right: calc(30% - 30vw);
 		margin-right: calc(30% - 30vw);
 		width: auto;
 		width: auto;
 		max-width: 1000%;
 		max-width: 1000%;
 	}
 	}
 
 
+	/* .folded - WordPress left sidebar is closed */
+	/* .is-sidebar-opened - Gutenberg right slidebar is opened */
+
 	.editor-block-list__layout .editor-block-list__block[data-align="wide"] {
 	.editor-block-list__layout .editor-block-list__block[data-align="wide"] {
 		margin-left: calc(20% - 20vw);
 		margin-left: calc(20% - 20vw);
 		margin-right: calc(20% - 20vw);
 		margin-right: calc(20% - 20vw);
 		width: auto;
 		width: auto;
 		max-width: 1000%;
 		max-width: 1000%;
 	}
 	}
-
-	.editor-block-list__layout .editor-block-list__block[data-type="core/cover-image"] {
-		margin-left: calc(30% - 30vw );
-		margin-right: calc(30% - 30vw );
-		width: auto;
-		max-width: 1000%;
-	}
-
-	/* WordPress left sidebar is closed */
-	.folded .editor-block-list__layout .editor-block-list__block[data-type="core/cover-image"] {
-		margin-left: calc(45% - 40vw);
-		margin-right: calc(45% - 40vw);
-	}
-
-	/* Gutenberg right sidebar is opened */
-	/* is-sidebar-opened */
 }
 }
 
 
 /* Editor Layout */
 /* Editor Layout */