Skip to content

Commit

Permalink
Add modifiers for table captions
Browse files Browse the repository at this point in the history
This makes table captions consistent with fieldset headings and labels, in having modifiers which apply the typographic styles equivalent to headings.
  • Loading branch information
frankieroberto committed Nov 30, 2020
1 parent 1b29a4a commit 6b7cd7f
Showing 1 changed file with 21 additions and 0 deletions.
21 changes: 21 additions & 0 deletions src/govuk/components/table/_index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -47,4 +47,25 @@
display: table-caption;
text-align: left;
}

// Modifiers that make captions look more like their equivalent headings

.govuk-table__caption--xl {
@include govuk-font($size: 48, $weight: bold);
margin-bottom: govuk-spacing(3);
}

.govuk-table__caption--l {
@include govuk-font($size: 36, $weight: bold);
margin-bottom: govuk-spacing(3);
}

.govuk-table__caption--m {
@include govuk-font($size: 24, $weight: bold);
margin-bottom: govuk-spacing(3);
}

.govuk-table__caption--s {
@include govuk-font($size: 19, $weight: bold);
}
}

0 comments on commit 6b7cd7f

Please sign in to comment.