Refactor quote component

See w3c/w3c-website#454

Author: NicolaSaunders

assets-src/styles/sass/50-core-components/_quotes.scss

@@ -15,26 +15,13 @@
 	&::before {
 		background-color: $w3c-blue;
 		border-radius: rem(5);
-		content: '';
-		height: 100%;
 		left: rem(-10);
-		position: absolute;
-		top: 0;
 		width: rem(10);
 	}
 
 	> * {
 		max-width: rem(630);
 	}
-
-	blockquote {
-		margin-inline-start: 0;
-		padding: 0;
-
-		&::before {
-			display: none;
-		}
-	}
 }
 
 [dir="rtl"] {

design-system-templates/components/quote.html.twig

@@ -1,6 +1,4 @@
-<figure class="component component--quote">
-	<blockquote>
-		<p>The goal of the Web is to serve humanity. We build it now so that those who come to it later will be able to create things we cannot ourselves imagine.</p>
-	</blockquote>
-	<figcaption>Sir Tim Berners-Lee</figcaption>
-</figure>
+<blockquote class="component component--quote">
+    <p>The goal of the Web is to serve humanity. We build it now so that those who come to it later will be able to create things we cannot ourselves imagine.</p>
+    <footer>Sir Tim Berners-Lee</footer>
+</blockquote>

public/dist/assets/styles/core.css

@@ -3205,24 +3205,12 @@ main,
 .component--quote::before {
   background-color: #005a9c;
   border-radius: 0.3125rem;
-  content: "";
-  height: 100%;
   left: -0.625rem;
-  position: absolute;
-  top: 0;
   width: 0.625rem;
 }
 .component--quote > * {
   max-width: 39.375rem;
 }
-.component--quote blockquote {
-  -webkit-margin-start: 0;
-          margin-inline-start: 0;
-  padding: 0;
-}
-.component--quote blockquote::before {
-  display: none;
-}
 
 [dir=rtl] .component--quote::before {
   left: auto;

public/dist/assets/styles/core.min.css

@@ -1,10 +1,8 @@
-<figure class="component component--quote">
-    <blockquote>
-        <p>
-            {% block text %}{% endblock %}
-        </p>
-    </blockquote>
+<blockquote class="component component--quote">
+    <p>
+        {% block text %}{% endblock %}
+    </p>
     {% if author is defined and author is not empty %}
-        <figcaption>{{ author }}</figcaption>
+        <footer>{{ author }}</footer>
     {% endif %}
-</figure>
+</blockquote>