Przeglądaj źródła

Vintage block editor styles.

Laurel Fulford 7 lat temu
rodzic
commit
ef495f5c2f

+ 0 - 1
radcliffe-2/assets/css/blocks.css

@@ -31,7 +31,6 @@ p.alignfull {
 
 
 @media (min-width: 750px) {
 @media (min-width: 750px) {
 	.alignfull {
 	.alignfull {
-
 		margin-left: calc(50% - 50vw);
 		margin-left: calc(50% - 50vw);
 		margin-right: calc(50% - 50vw);
 		margin-right: calc(50% - 50vw);
 		width: auto;
 		width: auto;

+ 16 - 2
radcliffe-2/assets/css/editor-style-vintage.css

@@ -52,6 +52,22 @@ Editor Styles for Radcliffe 2: Vintage Style Pack
 		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 */
@@ -83,8 +99,6 @@ Editor Styles for Radcliffe 2: Vintage Style Pack
 	outline: none;
 	outline: none;
 }
 }
 
 
-
-
 /*--------------------------------------------------------------
 /*--------------------------------------------------------------
 # Typography
 # Typography
 --------------------------------------------------------------*/
 --------------------------------------------------------------*/

+ 1 - 1
radcliffe-2/assets/css/editor-style.css

@@ -663,7 +663,7 @@ h6.editor-rich-text__tinymce.mce-content-body {
 }
 }
 
 
 .editor-block-list__block .wp-block-cover-image {
 .editor-block-list__block .wp-block-cover-image {
-	height: 50vh;
+	height: 75vh;
 	min-height: 400px;
 	min-height: 400px;
 }
 }