Commit 27738a54 authored by Sam Bigelow's avatar Sam Bigelow

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
parent 66cf0c02
...@@ -22,7 +22,9 @@ body, ...@@ -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 { ...@@ -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 {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment