// Tables
// ==========================================================================

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;

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

    text-align: left;
    color: $black;
    border-bottom: 1px solid $border-colour;
  }

  th {
    font-weight: 700;
    // Right align headings for numeric content
    &.numeric {
      text-align: right;
    }
  }

  // Use tabular numbers for numeric table cells
  td.numeric {
    @include core-16($tabular-numbers: true);
    text-align: right;
  }
}

// Tables
// ==========================================================================

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;

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

    text-align: left;
    color: $black;
    border-bottom: 1px solid $border-colour;
  }

  th {
    font-weight: 700;
    // Right align headings for numeric content
    &.numeric {
      text-align: right;
    }
  }

  // Use tabular numbers for numeric table cells
  td.numeric {
    @include core-16($tabular-numbers: true);
    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;
  }
}

Use 19px as the default font size for tabular data
Use 19px as the default font size for tabular data

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.
