Skip to content

Commit f1abbe2

Browse files
committed
increase input font-size to 16px on mobile
1 parent e291421 commit f1abbe2

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

modules/primer-forms/lib/form-control.scss

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ label {
1919
.form-select {
2020
min-height: 34px;
2121
padding: 6px $spacer-2;
22-
font-size: $body-font-size;
22+
font-size: $h4-size;
2323
line-height: 20px;
2424
color: $text-gray-dark;
2525
vertical-align: middle;
@@ -37,6 +37,11 @@ label {
3737
outline: none;
3838
box-shadow: $form-control-shadow, $btn-input-focus-shadow;
3939
}
40+
41+
// Ensures inputs don't zoom on mobile but are body-font size on desktop
42+
@include breakpoint(md) {
43+
font-size: $body-font-size;
44+
}
4045
}
4146

4247
// Inputs with contrast for easy light gray backgrounds against white.

0 commit comments

Comments
 (0)