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
|
@ -22,7 +22,9 @@ body,
|
||||||
.form-control,
|
.form-control,
|
||||||
.search form {
|
.search form {
|
||||||
// Override default font size used in non-csslab UI
|
// 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 {
|
legend {
|
||||||
|
|
|
@ -17,7 +17,7 @@ body {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
font-size: 14px;
|
font-size: .875rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
|
Loading…
Reference in New Issue