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

diff --git a/css/m-components.css b/css/m-components.css
index f4318af2475ad8287dd65dd29beb8ea5a66d4c0b..813cad2d918c47d43840b9ed095a97df796af56f 100644 (file)
--- 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 4b6893449df77bdaba38d3089919326a4aa7daf6..81f74f1af3d43c03dfdbe44f568148f2cfc3f9c6 100644 (file)
--- 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