javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 19:57:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-07-12 11:56:32 +02:00
parent 2798bb083f
commit 9aedfc60aa
3 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
core/src/components/anchor/anchor.scss Normal file
View File

@ -0,0 +1,5 @@
@import "../../themes/ionic.globals";
a {
@include text-inherit();
}

1
core/src/components/anchor/anchor.tsx
View File

@ -6,6 +6,7 @@ import { openURL } from '../../utils/theme';
@Component({ @Component({
tag: 'ion-anchor', tag: 'ion-anchor',
shadow: true, shadow: true,
styleUrl: 'anchor.scss'
}) })
export class Anchor { export class Anchor {

11
core/src/themes/ionic.mixins.scss
View File

@ -15,6 +15,17 @@
outline: none; 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 // Font smoothing
// -------------------------------------------------- // --------------------------------------------------