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

feat: add dynamic type variables (#27745)

Browse Source
This commit is contained in:
Liam DeBeasi
2023-07-06 15:17:09 -04:00
committed by GitHub
parent 155864035d
commit 937c44d22f
3 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
core/scripts/testing/styles.css
View File

File diff suppressed because one or more lines are too long

1
core/src/css/core.scss
View File

@@ -13,6 +13,7 @@ html.md {
}
html {
--ion-default-dynamic-font: -apple-system-body;
--ion-font-family: var(--ion-default-font);
}

10
core/src/css/typography.scss
View File

@@ -32,6 +32,16 @@ html {
font-family: var(--ion-font-family);
}
/**
* Dynamic Type is an iOS-only feature, so
* this should only be enabled on iOS devices.
*/
@supports (-webkit-touch-callout: none) {
html {
font: var(--ion-dynamic-type);
}
}
a {
background-color: transparent;
color: ion-color(primary, base);