From 0897ab8f353c1aa8dc07a64d175af99ff9a13911 Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Wed, 5 Sep 2018 15:51:22 +0200
Subject: [PATCH] Adding margin xl to Heading layout component

---
 src/components/layout/Heading/index.jsx  | 2 +-
 src/components/layout/Heading/index.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/layout/Heading/index.jsx b/src/components/layout/Heading/index.jsx
index 68676ae1..286e47e6 100644
--- 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,
diff --git a/src/components/layout/Heading/index.scss b/src/components/layout/Heading/index.scss
index 34bed43f..982f49e6 100644
--- 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;
+}