fix: use spacing tokens and add fluid type

carbon-design-system · May 10, 2019 · 8f8ef16 · 8f8ef16
1 parent a6c26a0
commit 8f8ef16
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/packages/gatsby-theme-carbon/src/components/NextPrevious/NextPrevious.module.scss b/packages/gatsby-theme-carbon/src/components/NextPrevious/NextPrevious.module.scss
@@ -1,14 +1,15 @@
 @import '~carbon-components/scss/globals/scss/vars';
-@import '~@carbon/elements/scss/type/styles';
+@import '~@carbon/elements/scss/type/type';
 
 .wrapper {
   background: $carbon--gray-90;
   color: $carbon--white-0;
 }
 
-.link-container {
-  min-height: rem(128px);
+.wrapper .link-container {
+  height: 8rem;
   display: flex;
+  max-width: 99rem;
 }
 
 .link-container .link {
@@ -36,8 +37,8 @@
 
 .name {
   @include carbon--type-style('expressive-heading-03', true);
-  padding-bottom: 2rem;
-  max-width: rem(275px);
+  padding-bottom: $spacing-05;
+  max-width: 17rem;
 }
 
 .home {