primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-26 07:35:04 +03:00
Code Issues Projects Releases Wiki Activity

increase input font-size to 16px on mobile

Browse Source
This commit is contained in:
Diana Mounter 2018-01-11 13:45:26 -05:00
parent e291421ee7
commit f1abbe2333
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
modules/primer-forms/lib/form-control.scss
View File

@ -19,7 +19,7 @@ label {
.form-select { .form-select {
min-height: 34px; min-height: 34px;
padding: 6px $spacer-2; padding: 6px $spacer-2;
font-size: $body-font-size; font-size: $h4-size;
line-height: 20px; line-height: 20px;
color: $text-gray-dark; color: $text-gray-dark;
vertical-align: middle; vertical-align: middle;
@ -37,6 +37,11 @@ label {
outline: none; outline: none;
box-shadow: $form-control-shadow, $btn-input-focus-shadow; box-shadow: $form-control-shadow, $btn-input-focus-shadow;
} }
// Ensures inputs don't zoom on mobile but are body-font size on desktop
@include breakpoint(md) {
font-size: $body-font-size;
}
} }
// Inputs with contrast for easy light gray backgrounds against white. // Inputs with contrast for easy light gray backgrounds against white.