diff options
author | Sam Bigelow <sbigelow@gitlab.com> | 2019-05-21 05:51:11 +0300 |
---|---|---|
committer | Sam Bigelow <sbigelow@gitlab.com> | 2019-06-03 22:35:02 +0300 |
commit | 27738a5446ce764a1f5924aef4a8f370ff44397e (patch) | |
tree | 2a1b19c3bf2732604a9c7091dafc42457fdcf670 /app/assets/stylesheets/bootstrap_migration.scss | |
parent | 66cf0c02d8368f155de71c68aaa9e893254fb919 (diff) |
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
Diffstat (limited to 'app/assets/stylesheets/bootstrap_migration.scss')
-rw-r--r-- | app/assets/stylesheets/bootstrap_migration.scss | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/app/assets/stylesheets/bootstrap_migration.scss b/app/assets/stylesheets/bootstrap_migration.scss index 93377b8dd91..7f6384f4eea 100644 --- a/app/assets/stylesheets/bootstrap_migration.scss +++ b/app/assets/stylesheets/bootstrap_migration.scss @@ -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 { |