// Tables
// ==========================================================================
// GOV.UK front end toolkit dependencies
@import "typography";
@import "colours";


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

table th,
table td {
  @include core-16;
  padding: em(14) em(20) em(10) 0;

  text-align: left;
  color: #0b0c0c;
  border-bottom: 1px solid $border-colour;
}

table th {
  font-weight: 700;
}

// Tables
// ==========================================================================
// GOV.UK front end toolkit dependencies
@import "typography";
@import "colours";


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

table th,
table td {
  @include core-16($tabular-numbers: true);
  padding: em(12, 16) em(20, 16) em(9, 16) 0;

  text-align: left;
  color: #0b0c0c;
  border-bottom: 1px solid $border-colour;
}

table th {
  font-weight: 700;
}

Use tablular numbers for tables
Use tablular numbers for tables

- Set table cells to use tabular numbers
- Ensure spacing is 15px above and below table content
- Set px to em function to use 16px as a base to generate em values,
(as we’re using the core-16 mixin), otherwise this defaults to 19px.
