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

Gazette: Align quote icon to right when text is right aligned

gazette/css/blocks.css

@@ -49,6 +49,14 @@ p.has-drop-cap:not(:focus)::first-letter {
 
 /* Quote */
 
+.wp-block-quote[style*="text-align:right"]::before {
+	float: right;
+}
+
+.rtl .wp-block-quote[style*="text-align:left"]::before {
+	float: left;
+}
+
 /* Audio */
 
 .wp-block-audio {

gazette/css/editor-blocks.css

@@ -300,6 +300,11 @@ p.has-drop-cap:not(:focus)::first-letter {
 	width: 30px;
 }
 
+.wp-block-quote[style*="text-align:right"]:before,
+.wp-block-quote[style*="text-align: right"]:before {
+	float: right;
+}
+
 .wp-block-quote .wp-block-quote__citation {
 	color: #555;
 	font-family: Lato, sans-serif;
@@ -318,6 +323,11 @@ p.has-drop-cap:not(:focus)::first-letter {
 	float: right;
 }
 
+.rtl .wp-block-quote[style*="text-align:left"]:before,
+.rtl .wp-block-quote[style*="text-align: left"]:before {
+	float: left;
+}
+
 
 /* Cover */