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

Independent Publisher 2: Update quote block border styles
Automattic · Feb 15, 2019 · 6d14598 · 6d14598
2 parents c8da7d8 + 52f2adc
commit 6d14598
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 7 deletions.
diff --git a/independent-publisher-2/css/blocks.css b/independent-publisher-2/css/blocks.css
@@ -97,17 +97,37 @@ p.has-drop-cap:not(:focus)::first-letter {
 
 /* Quote */
 
-.wp-block-quote.is-large,
-.wp-block-quote.is-style-large {
-	border: 0;
-	padding: 0;
-}
-
 .wp-block-quote.is-large cite,
 .wp-block-quote.is-style-large cite {
 	text-align: inherit;
 }
 
+.rtl .wp-block-quote,
+.wp-block-quote[style*="text-align:right"] {
+	margin-left: .875em;
+	margin-right: -1.9em;
+	padding-left: 0;
+	padding-right: 1.75em;
+	border-width: 0 3px 0 0;
+}
+
+.rtl .wp-block-quote[style*="text-align:left"] {
+	margin-left: -1.9em;
+	margin-right: .875em;
+	padding-left: 1.75em;
+	padding-right: 0;
+	border-width: 0 0 0 3px;
+}
+
+.wp-block-quote.is-large,
+.wp-block-quote.is-style-large,
+.wp-block-quote[style*="text-align:center"] {
+	border: 0;
+	margin-left: 0;
+	margin-right: 0;
+	padding: 0;
+}
+
 /* Audio */
 
 .wp-block-audio {

diff --git a/independent-publisher-2/css/editor-blocks.css b/independent-publisher-2/css/editor-blocks.css
@@ -290,12 +290,29 @@ p.has-drop-cap:not(:focus)::first-letter {
 	margin: 1.75em 0;
 }
 
-.wp-block-quote:not(.is-large):not(.is-style-large) {
+.wp-block-quote:not(.is-large):not(.is-style-large),
+.rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: left"],
+.rtl .wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:left"] {
 	border: solid #0087be;
 	border-width: 0 0 0 3px;
 	padding: 0 0 0 1.75em;
 }
 
+.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: center"],
+.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:center"] {
+	border: 0;
+	margin-left: 0;
+	margin-right: 0;
+	padding-left: 0;
+	padding-right: 0;
+}
+
+.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align: right"],
+.wp-block-quote:not(.is-large):not(.is-style-large)[style*="text-align:right"] {
+	border-width: 0 3px 0 0;
+	padding: 0 1.75em 0 0;
+}
+
 .wp-block-quote__citation {
 	color: inherit;
 	font-size: .875em;