From 7ad684f52441975d4452d33d96cfd3093f7733b6 Mon Sep 17 00:00:00 2001
From: Vince Picone <vpicone@gmail.com>
Date: Tue, 5 Nov 2019 17:42:30 -0600
Subject: [PATCH] fix: add margin-top to nested elements within columns (#501)

---
 packages/example/src/pages/demo/index.mdx                    | 2 ++
 .../gatsby-theme-carbon/src/components/Main/Main.module.scss | 5 +++++
 2 files changed, 7 insertions(+)

diff --git a/packages/example/src/pages/demo/index.mdx b/packages/example/src/pages/demo/index.mdx
index 0b2d03616..ad7e4eb8e 100644
--- a/packages/example/src/pages/demo/index.mdx
+++ b/packages/example/src/pages/demo/index.mdx
@@ -63,6 +63,8 @@ Prow scuttle parrel provost Sail ho shrouds spirits boom mizzenmast yardarm. Pin
 <Row>
 <Column colMd={5} colLg={8}>
 
+## Section heading
+
 Prow scuttle parrel provost Sail ho shrouds spirits boom mizzenmast yardarm. Pinnace holystone mizzenmast quarter crow's nest nipperkin grog yardarm hempen halter furl. Swab barque interloper chantey doubloon starboard grog black jack gangway rutters.
 
 > Add-on repositories, or repos, are components built for a specific product or
diff --git a/packages/gatsby-theme-carbon/src/components/Main/Main.module.scss b/packages/gatsby-theme-carbon/src/components/Main/Main.module.scss
index 669e8f1ae..d9eb4f7b8 100644
--- a/packages/gatsby-theme-carbon/src/components/Main/Main.module.scss
+++ b/packages/gatsby-theme-carbon/src/components/Main/Main.module.scss
@@ -13,6 +13,11 @@
   margin-top: var(--space);
 }
 
+[class*='--col'] > * + * {
+  margin-top: 1.5rem;
+  margin-top: var(--space);
+}
+
 .padded {
   min-height: calc(100vh - 40rem);
   padding-top: 80px;