From aa993afb5c04a6d5d9064312327dca6592c5aa38 Mon Sep 17 00:00:00 2001
From: Laurel Fulford <laurelfulford@gmail.com>
Date: Thu, 14 Feb 2019 12:04:02 -0800
Subject: [PATCH] Calm Business: Update quote block border styles, to work
 better with the new styles planned for Gutenberg 5.2. See #594.

---
 calm-business/sass/blocks/_blocks.scss |  3 ++-
 calm-business/style-editor.css         |  3 ++-
 calm-business/style-editor.scss        | 15 ++++++++-------
 calm-business/style-rtl.css            |  3 ++-
 calm-business/style.css                |  3 ++-
 5 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/calm-business/sass/blocks/_blocks.scss b/calm-business/sass/blocks/_blocks.scss
index f8b3b60c54..5af953594c 100644
--- a/calm-business/sass/blocks/_blocks.scss
+++ b/calm-business/sass/blocks/_blocks.scss
@@ -449,7 +449,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/calm-business/style-editor.css b/calm-business/style-editor.css
index 62cd3701b2..1625f9d0de 100644
--- a/calm-business/style-editor.css
+++ b/calm-business/style-editor.css
@@ -409,7 +409,8 @@ figcaption,
 
 /** === Blockquote === */
 .wp-block-quote:not(.is-large):not(.is-style-large) {
-  border-left: 2px solid #8D6708;
+  border-width: 2px;
+  border-color: #8D6708;
 }
 
 .wp-block-quote.is-large, .wp-block-quote.is-style-large {
diff --git a/calm-business/style-editor.scss b/calm-business/style-editor.scss
index 5fa3c70295..5f8aafd327 100644
--- a/calm-business/style-editor.scss
+++ b/calm-business/style-editor.scss
@@ -13,7 +13,7 @@ body {
 	background-color: $color__background-body;
 	font-weight: $font__weight_standard;
 	font-size: 1em;
-	
+
 	.wp-block[data-align="full"] {
 		width: 100%;
 	}
@@ -32,7 +32,7 @@ body {
 			max-width: 80%;
 			margin: 0 10%;
 		}
-		
+
 		.wp-block[data-align="wide"] {
 			width: 100%;
 		}
@@ -193,7 +193,7 @@ figcaption,
 /** === Post Title === */
 
 .editor-post-title__block {
-	
+
 	margin: 0;
 	&:before {
 		width: $font__size-xxl;
@@ -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,
@@ -774,7 +775,7 @@ ul.wp-block-archives,
 .wp-block-media-text {
 	background-color: $color__background-body-dark;
 	color: $color__text-light;
-	
+
 	.editor-inner-blocks {
 		align-self: start;
 		padding-top: 32px;
@@ -809,7 +810,7 @@ ul.wp-block-archives,
 						display: block;
 						height: 2px;
 						margin: 1.46rem 0 1rem;
-						width: 20px; 
+						width: 20px;
 					}
 				}
 			}
@@ -856,4 +857,4 @@ ul.wp-block-archives,
 	a {
 		color: inherit;
 	}
-}
\ No newline at end of file
+}
diff --git a/calm-business/style-rtl.css b/calm-business/style-rtl.css
index 68fcc56c22..6b2bbefb57 100644
--- a/calm-business/style-rtl.css
+++ b/calm-business/style-rtl.css
@@ -3975,7 +3975,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 #8D6708;
+  border-width: 2px;
+  border-color: #8D6708;
   padding-top: 0;
   padding-bottom: 0;
 }
diff --git a/calm-business/style.css b/calm-business/style.css
index bf5d6d4726..7f54ed336b 100644
--- a/calm-business/style.css
+++ b/calm-business/style.css
@@ -3987,7 +3987,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 #8D6708;
+  border-width: 2px;
+  border-color: #8D6708;
   padding-top: 0;
   padding-bottom: 0;
 }