fix: add margin-top to nested elements within columns (#501)

carbon-design-system · Nov 5, 2019 · 7ad684f · 7ad684f · vercel · Nov 5, 2019
1 parent 1145089
commit 7ad684f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git 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
@@ -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;