From 3ffeec6fbbf9533dd6f5aef03cdd36ee4646bfc3 Mon Sep 17 00:00:00 2001 From: Chris Hill-Scott Date: Wed, 22 Jun 2016 09:56:17 +0100 Subject: [PATCH] Use tabular numbers for all big numbers MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Reimplements https://github.com/alphagov/notifications-admin/pull/169 > Tabular numbers have numerals of a standard fixed width. As all > numbers have the same width, sets of numbers may be more easily > compared. We recommend using them where different numbers are likely > to be compared, or where different numbers should line up with each > other, eg in tables. — https://github.com/alphagov/govuk_frontend_toolkit/blob/5f38012f94dc2dcf676b565204126d056b794e90/docs/mixins.md#tabular-numbers --- app/assets/stylesheets/components/big-number.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/app/assets/stylesheets/components/big-number.scss b/app/assets/stylesheets/components/big-number.scss index 3e785dcb6..d2e47ea53 100644 --- a/app/assets/stylesheets/components/big-number.scss +++ b/app/assets/stylesheets/components/big-number.scss @@ -4,7 +4,7 @@ display: block; &-number { - @include bold-48; + @include bold-48($tabular-numbers: true); display: block; } @@ -21,7 +21,7 @@ @extend %big-number; .big-number-number { - @include bold-36(); + @include bold-36($tabular-numbers: true); } } @@ -31,7 +31,7 @@ @extend %big-number; .big-number-number { - @include bold-24(); + @include bold-24($tabular-numbers: true); } }