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

@@ -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;
 		}

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 {

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;
 	}
-}
+}

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;
 }