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

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

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

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

    thead th {
      font-weight: 700;
    }

    td:last-child,
    th:last-child {
      padding-right: 0;
    }

    // Right align table header cells and table cells with a numeric class
    .numeric {
      text-align: right;
    }

    // Allow a qualifying element, only table data cells should use tabular numbers
    // scss-lint:disable QualifyingElement
    td.numeric {
      font-family: $toolkit-font-stack-tabular;
    }

    caption {
      text-align: left;
    }
  }

  .table-font-xsmall {

    th {
      @include govuk-font(16, $weight: bold);
    }

    td {
      @include govuk-font(16);
    }

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

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

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

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

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

    thead th {
      font-weight: 700;
    }

    td:last-child,
    th:last-child {
      padding-right: 0;
    }

    // Right align table header cells and table cells with a numeric class
    .numeric {
      text-align: right;
    }

    // Allow a qualifying element, only table data cells should use tabular numbers
    // scss-lint:disable QualifyingElement
    td.numeric {
      @include govuk-font(19, $tabular: true);
    }

    caption {
      text-align: left;
    }
  }

  .table-font-xsmall {

    th {
      @include govuk-font(16, $weight: bold);
    }

    td {
      @include govuk-font(16);
    }

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

Replace toolkit tabular font variable
Replace toolkit tabular font variable

Replaces a Sass variable representing the list of
font families used for the tabular cut of the NTA
font (the one used before GOVUK Frontend v3).

This uses the `govuk-font` helper because the new
font (used in GOVUK Frontend after v3) contains
the tabular numbers cut instead of it being a
separate font family so we can't set it by
switching families.
