Skip to content

Commit

Permalink
Use 19px as the default font size for tabular data
Browse files Browse the repository at this point in the history
All body copy should be the same, at 19px, this includes tabular data.

GOV.UK has tables set at 16px, these are to stand out from large areas
of body copy at 19px.

Add a .table-font-xsmall class, to recreate these smaller table styles.
  • Loading branch information
gemmaleigh committed Feb 24, 2016
1 parent 295fcc2 commit c435257
Showing 1 changed file with 18 additions and 2 deletions.
20 changes: 18 additions & 2 deletions public/sass/elements/_tables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,8 @@ table {

th,
td {
@include core-16;
padding: em(12, 16) em(20, 16) em(9, 16) 0;
@include core-19;
padding: em(12, 19) em(20, 19) em(9, 19) 0;

text-align: left;
color: $black;
Expand All @@ -30,3 +30,19 @@ table {
text-align: right;
}
}

.table-font-xsmall {

th {
@include bold-16;
}

td {
@include core-16;
}

th,
td {
padding: em(12, 16) em(20, 16) em(9, 16) 0;
}
}

0 comments on commit c435257

Please sign in to comment.