Use rems for body font-size to help accessibility

- Use rems instead of px to set default font-size
    This allows users to change font sizes in their browser and it will
    affect the view in our application
This commit is contained in:
Sam Bigelow 2019-05-20 22:51:11 -04:00
parent 66cf0c02d8
commit 27738a5446
2 changed files with 4 additions and 2 deletions

View file

@ -22,7 +22,9 @@ body,
.form-control,
.search form {
// Override default font size used in non-csslab UI
font-size: 14px;
// Use rem to keep default font-size at 14px on body so 1rem still
// fits 8px grid, but also allow users to change browser font size
font-size: .875rem;
}
legend {

View file

@ -17,7 +17,7 @@ body {
text-align: center;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
margin: auto;
font-size: 14px;
font-size: .875rem;
}
h1 {