Minor fixes to Gutenberg & Gutenberg editor styles.

radcliffe-2/assets/css/blocks.css

@@ -133,9 +133,16 @@ ul.wp-block-gallery li {
 	opacity: 0.8;
 }
 
+@media (min-width: 600px) {
+	.wp-block-pullquote.alignleft,
+	.wp-block-pullquote.alignright {
+		max-width: 40%;
+	}
+}
+
 /* Cover Images */
 @media (min-width: 750px) {
-	.wp-block-cover-image:not(.alignwide):not(.alignfull) {
+	.wp-block-cover-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
 		left: 50%;
 		margin-left: -50vw;
 		position: relative;

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

@@ -4,10 +4,10 @@ Editor Styles for Radcliffe 2
 
 /* Widths */
 
-@media screen and ( min-width: 768px ) {
+@media screen and ( min-width: 788px ) {
 	.edit-post-visual-editor .editor-post-title,
 	.edit-post-visual-editor .editor-block-list__block {
-		max-width:	748px;
+		max-width:	768px;
 	}
 }
 
@@ -264,7 +264,7 @@ h6.editor-rich-text__tinymce.mce-content-body {
 
 .editor-block-list__block[data-align="right"] .wp-block-pullquote,
 .editor-block-list__block[data-align="left"] .wp-block-pullquote {
-	max-width: 400px;
+	max-width: 300px;
 }
 
 .edit-post-visual-editor th,
@@ -624,7 +624,8 @@ h6.editor-rich-text__tinymce.mce-content-body {
 
 
 @media (min-width: 600px) {
-	.edit-post-visual-editor blockquote::before, blockquote::after {
+	.edit-post-visual-editor blockquote::before,
+	.edit-post-visual-editor blockquote::after {
 		margin: 36px auto;
 		width: 108px;
 	}
@@ -633,7 +634,7 @@ h6.editor-rich-text__tinymce.mce-content-body {
 .edit-post-visual-editor .wp-block-quote p,
 .editor-post-visual-editor blockquote p {
 	color: #666;
-	font-size: 20px;
+	font-size: 22px;
 }
 
 .edit-post-visual-editor .wp-block-quote cite,
@@ -649,14 +650,11 @@ h6.editor-rich-text__tinymce.mce-content-body {
 	padding: 0;
 }
 
-.wp-block-pullquote > p {
+.edit-post-visual-editor .wp-block-pullquote p,
+.edit-post-visual-editor .wp-block-pullquote cite {
 	color: #666;
 }
 
-.wp-block-pullquote cite {
-
-}
-
 /* Cover Images */
 .edit-post-visual-editor .editor-block-list__block[data-type="core/cover-image"] {
 	max-width: 100%;