feat: adjust font-size based on viewport width

2020-02-19 18:12:44 +01:00 · 2020-02-19 18:12:44 +01:00 · 99d31f6050
commit 99d31f6050
parent 07b353418c
1 changed files with 10 additions and 1 deletions
--- a/src/App.vue
+++ b/src/App.vue
@ -264,8 +264,17 @@ export default {
  font-size: 1.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
-  max-width: 40rem;
+  max-width: 40em;
  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 {