feat(button-link): Add text-decoration none and :link pseudo selector

telus · Aug 22, 2017 · 74b9916 · 74b9916
1 parent 62b4698
commit 74b9916
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/components/Link/ButtonLink/ButtonLink.modules.scss b/src/components/Link/ButtonLink/ButtonLink.modules.scss
@@ -4,9 +4,15 @@ $text-color: $color-white;
 $primary-bg-color: $color-primary;
 $secondary-bg-color: $color-secondary;
 
+.base {
+  text-decoration: none;
+}
+
 .primary {
   composes: primary from '../../Button/Button.modules.scss';
+  composes: base;
 
+  &:link,
   &:visited {
     color: $text-color;
   }
@@ -17,7 +23,9 @@ $secondary-bg-color: $color-secondary;
 
 .secondary {
   composes: secondary from '../../Button/Button.modules.scss';
+  composes: base;
 
+  &:link,
   &:visited {
     color: $text-color;
   }
@@ -28,7 +36,9 @@ $secondary-bg-color: $color-secondary;
 
 .secondaryInverted {
   composes: secondaryInverted from '../../Button/Button.modules.scss';
+  composes: base;
 
+  &:link,
   &:visited {
     color: $secondary-bg-color;
   }
@@ -39,7 +49,9 @@ $secondary-bg-color: $color-secondary;
 
 .outlined {
   composes: outlined from '../../Button/Button.modules.scss';
+  composes: base;
 
+  &:link,
   &:visited {
     color: $text-color;
   }
@@ -50,7 +62,9 @@ $secondary-bg-color: $color-secondary;
 
 .outlinedInverted {
   composes: outlinedInverted from '../../Button/Button.modules.scss';
+  composes: base;
 
+  &:link,
   &:visited {
     color: $secondary-bg-color;
   }