From a7db2f032a181a366b5093e1c1b3fe8b1bb01b4b Mon Sep 17 00:00:00 2001 From: Chris Hill-Scott Date: Fri, 1 Mar 2019 11:36:56 +0000 Subject: [PATCH] Use tabular font for numeric fields MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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. --- app/assets/stylesheets/components/textbox.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/app/assets/stylesheets/components/textbox.scss b/app/assets/stylesheets/components/textbox.scss index c675b016e..91c1bba42 100644 --- a/app/assets/stylesheets/components/textbox.scss +++ b/app/assets/stylesheets/components/textbox.scss @@ -56,6 +56,7 @@ } .extra-tracking .form-control { + @include core-19($tabular-numbers: true); padding-left: 5px; letter-spacing: 0.04em; }