Pull out all focus styles

Shopify · May 7, 2019 · 047267b · 047267b
1 parent b6a4ff4
commit 047267b
Showing 1 changed file with 5 additions and 11 deletions.
diff --git a/src/components/Link/Link.scss b/src/components/Link/Link.scss
@@ -2,19 +2,16 @@
   @include recolor-icon(currentColor);
   appearance: none;
   display: inline;
+  text-align: inherit;
   padding: 0;
   background: none;
-  color: color('blue');
+  border: 0;
   font-size: inherit;
-  text-align: inherit;
+  color: color('blue');
   text-decoration: none;
-  outline-color: currentColor;
   cursor: pointer;
 
-  &:hover {
-    color: color('blue', 'dark');
-  }
-
+  &:hover,
   &:active {
     color: color('blue', 'dark');
   }
@@ -42,11 +39,8 @@
   @include underlined-link;
 
   &:hover,
+  &:focus,
   &:active {
     color: inherit;
   }
-
-  &:focus {
-    color: inherit;
-  }
 }