darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-07 02:48:25 -04:00
Code Issues Packages Projects Releases Wiki Activity

Use tabular font for numeric fields

Browse Source 
When you’re entering numbers into a field we already add some extra
tracking to make it easier to read.

With this extra tracking the kerning looks a bit more even with the
tabular, not lining numbers. This makes sense because tabular numbers
are designed to be used where the content is numeric-only. Lining
numbers (the default) are more appropriate for numbers that are used in
passages of text.
This commit is contained in:
Chris Hill-Scott
2019-03-01 11:36:56 +00:00
parent 645dc848fa
commit a7db2f032a
1 changed files with 1 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/assets/stylesheets/components/textbox.scss
View File

@@ -56,6 +56,7 @@
} }
.extra-tracking .form-control { .extra-tracking .form-control {
@include core-19($tabular-numbers: true);
padding-left: 5px; padding-left: 5px;
letter-spacing: 0.04em; letter-spacing: 0.04em;
} }