From c4352572664f8f51594d8cf660d1260590a598e4 Mon Sep 17 00:00:00 2001
From: Gemma Leigh <hello@gemmaleigh.com>
Date: Wed, 24 Feb 2016 12:03:14 +0000
Subject: [PATCH] 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.
---
 public/sass/elements/_tables.scss | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/public/sass/elements/_tables.scss b/public/sass/elements/_tables.scss
index 9afb7b1a9..c76f9f165 100644
--- a/public/sass/elements/_tables.scss
+++ b/public/sass/elements/_tables.scss
@@ -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;
@@ -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;
+  }
+}