fix: improve styling of blockquote attribution

nl-design-system · Jun 27, 2021 · aef6729 · aef6729
1 parent 8b48e02
commit aef6729
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git 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
@@ -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>`;