Monorepo for Tangled
input.css: keep input font size at 16px on mobile
FIX YOUR INPUT FONT SIZE 🫵 16px MINIMUM
Signed-off-by: Brooke <me@abcbrookie.com>
+15
-3
+15
-3
input.css
+15
-3
input.css
···
191
191
192
192
select {
193
193
@apply flex items-center rounded p-2 h-[32px]
194
-
border border-gray-200
194
+
border border-gray-200
195
195
bg-white
196
-
dark:text-white
197
-
dark:bg-gray-800 dark:border-gray-700
196
+
dark:text-white
197
+
dark:bg-gray-800 dark:border-gray-700
198
198
;
199
+
}
200
+
201
+
/* iOS Safari zooms the viewport when focusing a form control
202
+
whose font-size is under 16px; with the 14px root font size
203
+
even text-lg (1.125rem) falls short. !important so this also
204
+
wins over text-* utilities applied in templates. */
205
+
@media (max-width: 639px) {
206
+
input:not([type="checkbox"]):not([type="radio"]),
207
+
textarea,
208
+
select {
209
+
font-size: 16px !important;
210
+
}
199
211
}
200
212
201
213
details summary::-webkit-details-marker {