fix link styles

Author: BenOsodrac

core/src/css/ionic/link.ionic.scss

@@ -25,46 +25,49 @@
   &:visited {
     color: globals.$ion-text-link-visited;
   }
-}
 
-// Link: Standalone
-// -------------------------------------------------------------------------------
+  // Link: Focus
+  // -------------------------------------------------------------------------------
 
-@mixin ionic-link {
-  color: globals.$ion-text-link-default;
+  &:focus,
+  &.ion-focused {
+    @include globals.focused-state();
 
-  text-decoration: none;
+    border-radius: globals.$ion-border-radius-100;
+  }
 
-  @include link-shared;
+  // Link: Active
+  // -------------------------------------------------------------------------------
+
+  &:active,
+  &.ion-activated {
+    color: globals.$ion-text-link-press;
 
-  // Link: Standalone - Hover
+    text-decoration: underline;
+  }
+
+  // Link:  Hover
   // -------------------------------------------------------------------------------
 
   @media (any-hover: hover) {
     &:hover {
+      color: globals.$ion-text-link-press;
+
       text-decoration: underline;
     }
   }
 
-  // Link: Standalone - Focus
-  // -------------------------------------------------------------------------------
-
-  &:focus,
-  &.ion-focused {
-    @include globals.focused-state(null, null, globals.$ion-text-link-default);
+}
 
-    text-decoration: underline;
-  }
+// Link: Standalone
+// -------------------------------------------------------------------------------
 
-  // Link: Standalone - Active
-  // -------------------------------------------------------------------------------
+@mixin ionic-link {
+  color: globals.$ion-text-link-default;
 
-  &:active,
-  &.ion-activated {
-    color: globals.$ion-text-link-press;
+  text-decoration: none;
 
-    text-decoration: underline;
-  }
+  @include link-shared;
 }
 
 a.ionic-link,
@@ -76,38 +79,21 @@ a.ionic-link,
 // -------------------------------------------------------------------------------
 
 @mixin ionic-link-underline {
-  color: currentColor;
+  color: globals.$ion-text-default;
 
   text-decoration: underline;
 
   @include link-shared;
 
-  // Link: Underline - Hover
-  // -------------------------------------------------------------------------------
-
-  @media (any-hover: hover) {
-    &:hover {
-      color: globals.$ion-text-link-press;
-    }
-  }
-
-  // Link: Underline - Focus
+  // Link: Focus
   // -------------------------------------------------------------------------------
 
   &:focus,
   &.ion-focused {
-    @include globals.focused-state(null, null, globals.$ion-text-link-default);
+    color: globals.$ion-text-default;
 
     text-decoration: none;
   }
-
-  // Link: Underline - Active
-  // -------------------------------------------------------------------------------
-
-  &:active,
-  &.ion-activated {
-    color: globals.$ion-text-link-press;
-  }
 }
 
 a.ionic-link-underline,