fix: text input font size (#155)

- 16px default font size for mobile Safari width - 14px font size at desktop width
ninja · Jan 24, 2022 · 83c31cc · 83c31cc
1 parent 9c95adf
commit 83c31cc
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/lib/components/input/input.module.css b/src/lib/components/input/input.module.css
@@ -38,7 +38,7 @@
 .input {
 	caret-color: var(--md-color-primary);
 	color: var(--md-color-on-surface);
-	font-size: 1.4rem;
+	font-size: 1.6rem; /* mobile Safari auto-zooms anything < 16px */
 	height: 100%;
 	padding: 0 1.6rem;
 	position: relative;
@@ -198,6 +198,6 @@
 
 @media screen and (min-width: 600px) {
 	.input {
-		font-size: 1.6rem; /* mobile Safari auto-zooms anything < 16px */
+		font-size: 1.4rem; /* follow Material 3 spec at desktop width */
 	}
 }