Merge pull request #606 from Automattic/fixes/594-quote-block-border

Affinity: Update quote block border styles
Automattic · Feb 14, 2019 · 6c66a44 · 6c66a44
2 parents 9bbde82 + 95ac420
commit 6c66a44
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/affinity/editor-blocks.css b/affinity/editor-blocks.css
@@ -271,17 +271,26 @@
 	font-style: italic;
 	margin: 0;
 	margin-bottom: .8em;
-	border-top: 3px solid #e8e9ea;
-	border-bottom: 1px solid #e8e9ea;
 	padding-top: .8em;
 	padding-bottom: .8em;
 }
 
+.wp-block-quote,
+.wp-block-quote[style*="text-align:center"],
+.wp-block-quote[style*="text-align: center"] {
+	border-top: 3px solid #e8e9ea;
+	border-bottom: 1px solid #e8e9ea;
+}
+
+.wp-block-quote[style*="text-align:right"],
+.wp-block-quote[style*="text-align: right"],
 .wp-block-quote:not(.is-large):not(.is-style-large),
 .wp-block-quote:not(.is-large):not(.is-style-large).alignleft,
 .wp-block-quote:not(.is-large):not(.is-style-large).alignright {
 	border-left: 0;
+	border-right: 0;
 	padding-left: 0;
+	padding-right: 0;
 }
 
 .edit-post-visual-editor .editor-block-list__block .wp-block-quote p {