fix: article card type style and caption spacing (#368)

* fix: article card type style and caption spacing * fix: anchor link color * Update caption.scss
carbon-design-system · Aug 26, 2019 · a91814b · a91814b · vercel · Aug 26, 2019
1 parent cadb414
commit a91814b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/packages/gatsby-theme-carbon/src/components/AnchorLinks/AnchorLinks.module.scss b/packages/gatsby-theme-carbon/src/components/AnchorLinks/AnchorLinks.module.scss
@@ -30,7 +30,7 @@
   position: relative;
   display: inline-block;
   transition: color $transition--base;
-  color: $interactive-02;
+  color: $carbon--gray-100;
   text-decoration: none;
   margin-bottom: $spacing-03;
   margin-left: $spacing-06;

diff --git a/packages/gatsby-theme-carbon/src/components/ArticleCard/article-card.scss b/packages/gatsby-theme-carbon/src/components/ArticleCard/article-card.scss
@@ -30,14 +30,17 @@
 }
 
 .#{$prefix}--article-card__info {
-  @include carbon--type-style('caption-01');
   position: absolute;
   bottom: 1rem;
   left: 1rem;
   padding: 0;
   color: $text-02;
 }
 
+.#{$prefix}--article-card__info p {
+  @include carbon--type-style('caption-01');
+}
+
 .#{$prefix}--article-card__img .gatsby-resp-image-wrapper {
   margin-bottom: 0;
 }

diff --git a/packages/gatsby-theme-carbon/src/components/Caption/caption.scss b/packages/gatsby-theme-carbon/src/components/Caption/caption.scss
@@ -11,8 +11,8 @@ img + .#{$prefix}--caption {
 }
 
 // Caption after video
-[class^='Video-module--video'] + .#{$prefix}--caption {
-  margin-top: -$spacing-08;
+div[class^='Video-module--video'] + .#{$prefix}--caption {
+  margin-top: -$layout-05;
 }
 
 // Responsive by default