From: Vladimír Vondruš <mosra@centrum.cz>
Date: Wed, 17 Jan 2018 00:42:55 +0000 (+0100)
Subject: css: ability to put .m-thin on <th> elements.
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=d6a10d3cfc4f45917809c2380cf6d23afd60d6ad;p=blog.git

css: ability to put .m-thin on <th> elements.
---

diff --git a/css/m-components.css b/css/m-components.css
index f4318af2..813cad2d 100644
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -798,6 +798,9 @@ table.m-table th, table.m-table td {
 table.m-table th {
   text-align: left;
 }
+table.m-table th.m-thin {
+  font-weight: normal;
+}
 table.m-table td.m-default, th.m-default,
 table.m-table td.m-primary, th.m-primary,
 table.m-table td.m-success, th.m-success,
diff --git a/doc/css/components.rst b/doc/css/components.rst
index 4b689344..81f74f1a 100644
--- a/doc/css/components.rst
+++ b/doc/css/components.rst
@@ -520,9 +520,10 @@ bold, all :html:`<th>` and :html:`<td>` are aligned to left while table
         </table>
 
 Rows are highlighted on hover, if you want to disable that, put :css:`.m-flat`
-CSS class on the :html:`<table>` element. Similarly to other components, you
-can color particular :html:`<tr>` or :html:`<td>` elements using the color
-classes from above:
+CSS class on the :html:`<table>` element. You can also put :css:`.m-thin` onto
+:html:`<th>` elements to remove the bold styling. Similarly to other
+components, you can color particular :html:`<tr>` or :html:`<td>` elements
+using the color classes from above:
 
 .. raw:: html