fix(anchor): inner <a> inherits text styles

ionic-team · Jul 12, 2018 · 9aedfc6 · 9aedfc6
1 parent 2798bb0
commit 9aedfc6
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/core/src/components/anchor/anchor.scss b/core/src/components/anchor/anchor.scss
@@ -0,0 +1,5 @@
+@import "../../themes/ionic.globals";
+
+a {
+  @include text-inherit();
+}
diff --git a/core/src/components/anchor/anchor.tsx b/core/src/components/anchor/anchor.tsx
@@ -6,6 +6,7 @@ import { openURL } from '../../utils/theme';
 @Component({
   tag: 'ion-anchor',
   shadow: true,
+  styleUrl: 'anchor.scss'
 })
 export class Anchor {
 

diff --git a/core/src/themes/ionic.mixins.scss b/core/src/themes/ionic.mixins.scss
@@ -15,6 +15,17 @@
   outline: none;
 }
 
+@mixin text-inherit() {
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-decoration: inherit;
+  text-overflow: inherit;
+  text-transform: inherit;
+  white-space: inherit;
+  color: inherit;
+}
 
 // Font smoothing
 // --------------------------------------------------