Fix th center widths

diff --git a/scss/grid/_grid.scss b/scss/grid/_grid.scss
index 4c00eebef3a91c9285fb5043b52cb6a544f39c08..f0a39be3d85ef70ab55a6358edb360473bf04e86 100755 (executable)
--- a/scss/grid/_grid.scss
+++ b/scss/grid/_grid.scss
@@ -109,7 +109,8 @@ th.column {
 }
 
 @for $i from 1 through $grid-column-count {
-  td.large-#{$i} center {
+  td.large-#{$i} center,
+  th.large-#{$i} center {
     min-width: -zf-grid-calc-px($i, $grid-column-count, $global-width);
   }
 }

diff --git a/testing/src/pages/th-with-center.html b/testing/src/pages/th-with-center.html
new file mode 100644 (file)
index 0000000..8911dfd
--- /dev/null
+++ b/testing/src/pages/th-with-center.html
@@ -0,0 +1,13 @@
+<container>
+  <row>
+    <th class="small-4 large-4 columns first">
+      <center>Test Left</center>
+    </th>
+    <th class="small-4 large-4 columns">
+      <center>Test Middle</center>
+    </th>
+    <th class="small-4 large-4 columns last">
+      <center>Test Right</center>
+    </th>
+  </row>
+</container>