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

Use tabular numbers for all big numbers

Browse Source 
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.

— 5f38012f94/docs/mixins.md (tabular-numbers)
This commit is contained in:
Chris Hill-Scott
2016-06-22 09:56:17 +01:00
parent d4103767d2
commit 3ffeec6fbb
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/stylesheets/components/big-number.scss
View File

@@ -4,7 +4,7 @@
display: block; display: block;
&-number { &-number {
@include bold-48; @include bold-48($tabular-numbers: true);
display: block; display: block;
} }
@@ -21,7 +21,7 @@
@extend %big-number; @extend %big-number;
.big-number-number { .big-number-number {
@include bold-36(); @include bold-36($tabular-numbers: true);
} }
} }
@@ -31,7 +31,7 @@
@extend %big-number; @extend %big-number;
.big-number-number { .big-number-number {
@include bold-24(); @include bold-24($tabular-numbers: true);
} }
} }