fix: handle headers in containers

carbon-design-system · Aug 4, 2020 · 5402bce · 5402bce
1 parent 2968363
commit 5402bce
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/packages/gatsby-theme-carbon/src/components/markdown/Markdown.module.scss b/packages/gatsby-theme-carbon/src/components/markdown/Markdown.module.scss
@@ -199,21 +199,25 @@ ul :global(.bx--list--unordered) {
 
 .h1 {
   --space: #{$spacing-12};
+  margin-top: var(--space);
   @include carbon--type-style('expressive-heading-05', true);
 }
 
 .h2 {
   --space: #{$spacing-11};
+  margin-top: var(--space);
   @include carbon--type-style('expressive-heading-04', true);
 }
 
 .h3 {
   --space: #{$spacing-10};
+  margin-top: var(--space);
   @include carbon--type-style('expressive-heading-03', true);
 }
 
 .h4 {
   --space: #{$spacing-07};
+  margin-top: var(--space);
   @include carbon--type-style('heading-02');
 }