responsive font size

2026-05-03 05:18:10 +00:00 · 2023-11-06 21:08:01 +01:00
parent 956ff8afd7
commit 3dce5ec7c0
1 changed files with 8 additions and 0 deletions
@@ -35,5 +35,13 @@ export default defineComponent({
  color: $textColor;
  font-size: 1em;
  padding: 1em 0.5em;
+
+  @media screen and (max-width: $breakpointMd) {
+    font-size: calc(0.7rem + 0.75vw);
+  }
+
+  @media screen and (orientation: landscape) and (max-width: $breakpointMd) {
+    font-size: calc(0.75rem + 0.4vw);
+  }
 }
 </style>