Browse Source

Gazette: Align quote icon to right when text is right aligned. See #594.

Laurel Fulford 6 years ago
parent
commit
4e68c8cd21
2 changed files with 18 additions and 0 deletions
  1. 8 0
      gazette/css/blocks.css
  2. 10 0
      gazette/css/editor-blocks.css

+ 8 - 0
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 {

+ 10 - 0
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 */