diff --git a/core/src/components/anchor/anchor.scss b/core/src/components/anchor/anchor.scss new file mode 100644 index 00000000000..69dce57dac3 --- /dev/null +++ b/core/src/components/anchor/anchor.scss @@ -0,0 +1,5 @@ +@import "../../themes/ionic.globals"; + +a { + @include text-inherit(); +} \ No newline at end of file diff --git a/core/src/components/anchor/anchor.tsx b/core/src/components/anchor/anchor.tsx index 66fa907053e..ed776ef99fc 100644 --- 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 index 317a1de9efe..dd843d2b8f3 100644 --- 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 // --------------------------------------------------