Merge branch 'master' of github.com:carbon-design-system/gatsby-theme…

…-carbon
carbon-design-system · Nov 1, 2019 · 81d914d · 81d914d
2 parents 17279e1 + 12561ea
commit 81d914d
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 11 deletions.
diff --git a/packages/example/src/pages/demo/images/article.png b/packages/example/src/pages/demo/images/article.png
diff --git a/packages/example/src/pages/demo/index.mdx b/packages/example/src/pages/demo/index.mdx
@@ -17,20 +17,38 @@ This page is meant to demonstrate some of the components in action. You can chec
 </AnchorLinks>
 
 <Row>
-<Column colMd={4} colLg={4}>
+<Column colMd={4} colLg={4} noGutterMdLeft>
+<ArticleCard
+  title="Getting started"
+  href="/getting-started"
+  actionIcon="arrowRight"
+>
 
-![Grid Example](../components/images/Article_05.png)
+![Dark article layout mockup](/images/article.png)
 
+</ArticleCard>
 </Column>
-<Column colMd={4} colLg={4}>
+<Column colMd={4} colLg={4} noGutterMdLeft>
+<ArticleCard
+  title="Theme configuration"
+  href="/guides/configuration"
+  actionIcon="arrowRight"
+>
 
-![Grid Example](../components/images/Article_05.png)
+![Dark article layout mockup](/images/article.png)
 
+</ArticleCard>
 </Column>
-<Column colMd={4} colLg={4}>
+<Column colMd={4} colLg={4} noGutterMdLeft>
+<ArticleCard
+  title="Contributions"
+  href="/contributions"
+  actionIcon="arrowRight"
+>
 
-![Grid Example](../components/images/Article_05.png)
+![Dark article layout mockup](/images/article.png)
 
+</ArticleCard>
 </Column>
 </Row>
 

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,10 +13,6 @@
   margin-top: var(--space);
 }
 
-:global([class*='--col']) {
-  margin-top: 1.5rem; // IE fallback
-}
-
 .padded {
   min-height: calc(100vh - 40rem);
   padding-top: 80px;

diff --git a/packages/gatsby-theme-carbon/src/components/ResourceCard/resource-card-group.scss b/packages/gatsby-theme-carbon/src/components/ResourceCard/resource-card-group.scss
@@ -1,4 +1,4 @@
-//Card groups
+// Card groups
 // Set spacing to the right of the group
 .resource-card-group .#{$prefix}--col-lg-4:nth-child(2n) {
   @include carbon--breakpoint('lg') {