refactor(blockquote):adjust to volto theming

src/customizations/components/theme/Blockquote/Blockquote.js

@@ -2,10 +2,10 @@ import React from 'react';
 
 function Blockquote({ citation, author }) {
   return (
-    <div className="eea-blockquote">
-      <blockquote className="eea-blockquote-quote">
+    <div className="eea blockquote">
+      <blockquote className="quote">
         {citation}
-        <div className="eea-blockquote-author">{author}</div>
+        <div className="author">{author}</div>
       </blockquote>
     </div>
   );

theme/themes/eea/extras/blockquote.less

@@ -7,63 +7,18 @@
             Blockquote
 *******************************/
 
-.eea-blockquote {
-  border-left: 10px solid @secondaryColor;
-}
-
-.eea-blockquote blockquote.eea-blockquote-quote {
-  margin: @relative12px @relative30px;
-  color: @eeaQuoteColor;
-  font-size: @h3;
-}
 
-blockquote .eea-blockquote-author {
-  margin-top: @relative16px;
-  font-weight: bold;
-}
-
-blockquote {
-  i.icon {
+.eea.blockquote {
+  border-left: @blockquoteBorderLeft;
+  .quote {
+    margin: @quoteMargin;
     color: @quoteColor;
-  }
-
-  .pullquote-author {
-    text-align: right;
-  }
-}
-
-blockquote.pullquote {
-  padding: 10px 0 40px;
-  margin: 0;
-
-  i.icon {
-    font-size: 2rem;
-  }
-}
-
-.eea-pullquote-body {
-  margin: 0;
-}
-
-.eea-quote-right {
-  float: right;
-}
-
-@media only screen and (min-width: @tabletBreakpoint + 1) {
-  .eea-pullquote-body {
-    margin: 0 2rem;
-  }
-
-  blockquote.pullquote.eea-pullquote-left {
-    width: 400px;
-    padding: 0 1.5rem 1rem 0;
-    float: left;
-  }
-
-  blockquote.pullquote.eea-pullquote-right {
-    width: 400px;
-    padding: 0 0 1rem 1.5rem;
-    float: right;
+    font-size: @quoteSize;
+    .author {
+      margin-top: @authorMarginTop;
+      font-weight: @authorWeight;
+      font-size: @authorSize;
+    }
   }
 }
 

theme/themes/eea/extras/blockquote.variables

@@ -1,5 +1,17 @@
 /*******************************
             Blockquote
 *******************************/
-@quoteColor: @secondaryColor;
-@eeaQuoteColor: @japaneseIndigo;
+/* Body */
+@blockquoteBorderLeft: 10px solid @secondaryColor;
+@childrenBorderLeft:   none;
+
+/* Quote */
+@quoteColor:      @secondaryColor;
+@quoteMargin:     @relative12px @relative30px;
+@quoteColor:      @japaneseIndigo;
+@quoteSize:       @h4;
+
+/* Author */
+@authorMarginTop: @relative16px;
+@authorWeight:    @bold;
+@authorSize:      @h5;