Enhancing Quote block styling for different text alignments (#13248)

* adjust borders for Quote block text-align

* update attribute selector [style*=“text-align: right”]

* add [style*="text-align:right"] styling for Quote

* add asterisk to [style*=“text-align:center”]

* add [style*="text-align: center"] override as well

packages/block-library/src/quote/theme.scss

@@ -1,5 +1,7 @@
 .wp-block-quote {
+	border-left: 4px solid $black;
 	margin: 20px 0;
+	padding-left: 1em;
 
 	cite,
 	footer,
@@ -10,9 +12,22 @@
 		position: relative;
 		font-style: normal;
 	}
-}
 
-.wp-block-quote:not(.is-large):not(.is-style-large) {
-	border-left: 4px solid $black;
-	padding-left: 1em;
+	&[style*="text-align:right"],
+	&[style*="text-align: right"] {
+		border-left: none;
+		border-right: 4px solid $black;
+		padding-left: 0;
+		padding-right: 1em;
+	}
+
+	&[style*="text-align:center"],
+	&[style*="text-align: center"] {
+		border: none;
+	}
+
+	&.is-style-large,
+	&.is-large {
+		border: none;
+	}
 }