Adding margin xl to Heading layout component

2018-09-05 15:51:22 +02:00 · 2018-09-05 15:51:22 +02:00 · 0897ab8f35
parent 13b28dc51f
commit 0897ab8f35
2 changed files with 5 additions and 1 deletions
--- a/src/components/layout/Heading/index.jsx
+++ b/src/components/layout/Heading/index.jsx
@ -10,7 +10,7 @@ type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4';

 type Props = {
  align?: 'left' | 'center' | 'right',
-  margin?: 'sm' | 'md' | 'lg',
+  margin?: 'sm' | 'md' | 'lg' | 'xl',
  tag: HeadingTag,
  truncate?: boolean,
  children: React$Node,
--- a/src/components/layout/Heading/index.scss
+++ b/src/components/layout/Heading/index.scss
@ -54,3 +54,7 @@
 .marginLg {
    margin: 0 0 $lg 0;
 }
+
+.marginXl {
+  margin: 0 0 $xl 0;
+}