From 707d3291672d2082f9630ed4a35969a706fd06b6 Mon Sep 17 00:00:00 2001 From: Brooke Date: Fri, 10 Jul 2026 20:59:58 -0700 Subject: [PATCH] input.css: keep input font size at 16px on mobile MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit FIX YOUR INPUT FONT SIZE 🫵 16px MINIMUM Signed-off-by: Brooke --- input.css | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/input.css b/input.css index 6df303ca..2b3eee7b 100644 --- a/input.css +++ b/input.css @@ -191,13 +191,25 @@ select { @apply flex items-center rounded p-2 h-[32px] - border border-gray-200 + border border-gray-200 bg-white - dark:text-white - dark:bg-gray-800 dark:border-gray-700 + dark:text-white + dark:bg-gray-800 dark:border-gray-700 ; } + /* iOS Safari zooms the viewport when focusing a form control + whose font-size is under 16px; with the 14px root font size + even text-lg (1.125rem) falls short. !important so this also + wins over text-* utilities applied in templates. */ + @media (max-width: 639px) { + input:not([type="checkbox"]):not([type="radio"]), + textarea, + select { + font-size: 16px !important; + } + } + details summary::-webkit-details-marker { display: none; } -- 2.51.2