fix: always indent blockquote, regardless of distanced

nl-design-system · Aug 2, 2021 · 9e23974 · 9e23974
1 parent 720995c
commit 9e23974
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/components/blockquote/bem.css b/components/blockquote/bem.css
@@ -6,6 +6,8 @@
 .utrecht-blockquote {
   font-family: var(--utrecht-document-font-family);
   font-size: var(--utrecht-blockquote-font-size);
+  margin-inline-start: var(--utrecht-blockquote-margin-inline-start);
+  margin-inline-end: var(--utrecht-blockquote-margin-inline-end);
 }
 
 .utrecht-blockquote__attribution {
@@ -22,8 +24,6 @@
 }
 
 .utrecht-blockquote--distanced {
-  margin-inline-start: var(--utrecht-blockquote-margin-inline-start);
-  margin-inline-end: var(--utrecht-blockquote-margin-inline-end);
   margin-block-start: var(--utrecht-blockquote-margin-block-start);
   margin-block-end: var(--utrecht-blockquote-margin-block-end);
 }
diff --git a/components/blockquote/bem.stories.mdx b/components/blockquote/bem.stories.mdx
@@ -63,6 +63,7 @@ Styling via the `.utrecht-blockquote` and `.utrecht-blockquote__content` class n
   <Story
     name="Blockquote"
     args={{
+      distanced: true,
       textContent: "The Quick Brown Fox Jumps Over The Lazy Dog",
     }}
   >