fix: homepage style bugs (#296)

* fix: homepage style bugs * chore: fix homepage link styles
carbon-design-system · Aug 1, 2019 · dfdd85c · dfdd85c · vercel · Aug 1, 2019
1 parent 292b43b
commit dfdd85c
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 7 deletions.
diff --git a/packages/gatsby-theme-carbon/src/components/Container/Container.js b/packages/gatsby-theme-carbon/src/components/Container/Container.js
@@ -42,7 +42,9 @@ const Container = ({ children, homepage }) => {
       />
       <div
         aria-hidden={overlayVisible}
-        className={`${homepage ? 'container--homepage' : 'container'}`}
+        className={`${
+          homepage ? 'container--homepage container' : 'container'
+        }`}
       >
         {children}
       </div>

diff --git a/packages/gatsby-theme-carbon/src/components/Homepage/Callout.module.scss b/packages/gatsby-theme-carbon/src/components/Homepage/Callout.module.scss
@@ -17,3 +17,11 @@
 .secondColumn {
   @include carbon--type-style('expressive-paragraph-01', true);
 }
+
+.grid a {
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
diff --git a/packages/gatsby-theme-carbon/src/components/Homepage/homepage.scss b/packages/gatsby-theme-carbon/src/components/Homepage/homepage.scss
@@ -5,11 +5,6 @@
 
 .container--homepage a {
   color: $carbon--blue-40;
-  text-decoration: none;
-
-  &:hover {
-    text-decoration: underline;
-  }
 }
 
 // Homepage image header area

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
@@ -12,7 +12,7 @@
 }
 
 .resource-card-group .#{$prefix}--resource-card--dark {
-  border-top-color: 1px solid $carbon--black-100;
+  border-top-color: $carbon--black-100;
 }
 
 .resource-card-group