From aef672910fa8259b1671e9e9b63050b1938e25f0 Mon Sep 17 00:00:00 2001
From: Robbert Broersma <mail@robbertbroersma.nl>
Date: Sun, 27 Jun 2021 16:03:32 +0200
Subject: [PATCH] fix: improve styling of blockquote attribution

---
 components/blockquote/index.css   | 9 +++++++++
 components/blockquote/stories.mdx | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/blockquote/index.css b/components/blockquote/index.css
index 9ed14addbe..cb42683db2 100644
--- a/components/blockquote/index.css
+++ b/components/blockquote/index.css
@@ -8,8 +8,17 @@
   font-size: var(--utrecht-blockquote-font-size);
 }
 
+.utrecht-blockquote__attribution {
+  color: var(--utrecht-blockquote-attribution-color, inherit);
+  font-size: var(--utrecht-blockquote-attribution-font-size, inherit);
+}
+
 .utrecht-blockquote__content {
+  --utrecht-document-color: var(--utrecht-blockquote-content-color, inherit);
+  --utrecht-paragraph-font-size: var(--utrecht-blockquote-content-font-size, inherit);
+
   color: var(--utrecht-blockquote-content-color, inherit);
+  font-size: var(--utrecht-blockquote-content-font-size, inherit);
 }
 
 .utrecht-blockquote--distanced {
diff --git a/components/blockquote/stories.mdx b/components/blockquote/stories.mdx
index 86a2f3ddb2..ec0d932fcc 100644
--- a/components/blockquote/stories.mdx
+++ b/components/blockquote/stories.mdx
@@ -21,7 +21,7 @@ export const Template = ({ content, attribution, distanced }) =>
     attribution
       ? `
     </div>
-    <div class="utrecht-blockquote__attribution"><cite>${attribution}</cite></div>`
+    <div class="utrecht-blockquote__attribution">${attribution}</div>`
       : ""
   }
 </blockquote>`;