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:
parent
66cf0c02d8
commit
27738a5446
2 changed files with 4 additions and 2 deletions
|
@ -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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue