From e7e42efe1827bdaa4a72b73e300f98244a24d2c5 Mon Sep 17 00:00:00 2001
From: laurelfulford <laurelfulford@git.wordpress.org>
Date: Wed, 13 Feb 2019 18:39:59 +0000
Subject: [PATCH] Twenty Nineteen: Update the quote block styles.

Update the theme's quote block border styles, so they will work better with the updated styles for the quote block, coming in Gutenberg 5.2.

Props @kjellr.
Fixes #46239.



git-svn-id: https://develop.svn.wordpress.org/trunk@44739 602fd350-edb4-49c9-b593-d223f7449a82
---
 .../themes/twentynineteen/inc/color-patterns.php   | 14 ++++----------
 .../themes/twentynineteen/sass/blocks/_blocks.scss |  3 ++-
 .../themes/twentynineteen/style-editor.css         |  3 ++-
 .../themes/twentynineteen/style-editor.scss        |  3 ++-
 src/wp-content/themes/twentynineteen/style-rtl.css |  3 ++-
 src/wp-content/themes/twentynineteen/style.css     |  3 ++-
 6 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/wp-content/themes/twentynineteen/inc/color-patterns.php b/src/wp-content/themes/twentynineteen/inc/color-patterns.php
index be9b5efca9..c16c1d6a49 100644
--- a/src/wp-content/themes/twentynineteen/inc/color-patterns.php
+++ b/src/wp-content/themes/twentynineteen/inc/color-patterns.php
@@ -132,20 +132,14 @@ function twentynineteen_custom_colors_css() {
 		}
 
 		/*
-		 * Set left border color for:
+		 * Set border color for:
 		 * wp block quote
+		 * :focus
 		 */
 		blockquote,
 		.entry .entry-content blockquote,
 		.entry .entry-content .wp-block-quote:not(.is-large),
-		.entry .entry-content .wp-block-quote:not(.is-style-large) {
-			border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
-		}
-
-		/*
-		 * Set border color for:
-		 * :focus
-		 */
+		.entry .entry-content .wp-block-quote:not(.is-style-large),
 		input[type="text"]:focus,
 		input[type="email"]:focus,
 		input[type="url"]:focus,
@@ -231,7 +225,7 @@ function twentynineteen_custom_colors_css() {
 
 		.editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
 		.editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote {
-			border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
+			border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
 		}
 
 		.editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
diff --git a/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss b/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
index 4dd493acea..479ee33d25 100644
--- a/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
+++ b/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
@@ -452,7 +452,8 @@
 
 		&:not(.is-large),
 		&:not(.is-style-large) {
-			border-left: 2px solid $color__link;
+			border-width: 2px;
+			border-color: $color__link;
 			padding-top: 0;
 			padding-bottom: 0;
 		}
diff --git a/src/wp-content/themes/twentynineteen/style-editor.css b/src/wp-content/themes/twentynineteen/style-editor.css
index 56c511bc1f..51a0f4e7ab 100644
--- a/src/wp-content/themes/twentynineteen/style-editor.css
+++ b/src/wp-content/themes/twentynineteen/style-editor.css
@@ -940,7 +940,8 @@ figcaption,
 
 /** === Blockquote === */
 .wp-block-quote:not(.is-large):not(.is-style-large) {
-  border-left: 2px solid #0073aa;
+  border-width: 2px;
+  border-color: #0073aa;
 }
 
 .wp-block-quote.is-large, .wp-block-quote.is-style-large {
diff --git a/src/wp-content/themes/twentynineteen/style-editor.scss b/src/wp-content/themes/twentynineteen/style-editor.scss
index 9047a82b73..43ce4a94b6 100644
--- a/src/wp-content/themes/twentynineteen/style-editor.scss
+++ b/src/wp-content/themes/twentynineteen/style-editor.scss
@@ -391,7 +391,8 @@ figcaption,
 .wp-block-quote {
 
 	&:not(.is-large):not(.is-style-large) {
-		border-left: 2px solid $color__link;
+		border-width: 2px;
+		border-color: $color__link;
 	}
 
 	&.is-large,
diff --git a/src/wp-content/themes/twentynineteen/style-rtl.css b/src/wp-content/themes/twentynineteen/style-rtl.css
index 756b197932..7f90ff85bc 100644
--- a/src/wp-content/themes/twentynineteen/style-rtl.css
+++ b/src/wp-content/themes/twentynineteen/style-rtl.css
@@ -5477,7 +5477,8 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
-  border-right: 2px solid #0073aa;
+  border-width: 2px;
+  border-color: #0073aa;
   padding-top: 0;
   padding-bottom: 0;
 }
diff --git a/src/wp-content/themes/twentynineteen/style.css b/src/wp-content/themes/twentynineteen/style.css
index d415a7ba77..0185b404e5 100644
--- a/src/wp-content/themes/twentynineteen/style.css
+++ b/src/wp-content/themes/twentynineteen/style.css
@@ -5663,7 +5663,8 @@ body.page .main-navigation {
 }
 
 .entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
-  border-left: 2px solid #0073aa;
+  border-width: 2px;
+  border-color: #0073aa;
   padding-top: 0;
   padding-bottom: 0;
 }