SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: adjust font-size based on viewport width

Browse source
This commit is contained in:
Sebin Nyshkim 2020-02-19 18:12:44 +01:00
parent 07b353418c
commit 99d31f6050
1 changed files with 10 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/App.vue
View file

@ -264,8 +264,17 @@ export default {
font-size: 1.125em; font-size: 1.125em;
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
max-width: 40rem; max-width: 40em;
margin: auto; margin: auto;
transition: all ease-in-out 0.25s;
@media (min-width: 50em) {
font-size: 1.25em;
}
@media (min-width: 60em) {
font-size: 1.5em;
}
} }
header { header {