From 83c31cccd36c4c6d7d89cd448c5d5a499c90f357 Mon Sep 17 00:00:00 2001 From: Jamie Hoover Date: Mon, 24 Jan 2022 09:08:11 -0800 Subject: [PATCH] fix: text input font size (#155) - 16px default font size for mobile Safari width - 14px font size at desktop width --- src/lib/components/input/input.module.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/lib/components/input/input.module.css b/src/lib/components/input/input.module.css index d297999a..7ae16bc2 100644 --- 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 */ } }