Add .warning to table rows

docs/assets/css/bootstrap.css

@@ -2034,6 +2034,10 @@ table .span24 {
   background-color: #f2dede;
 }
 
+.table tbody tr.warning td {
+  background-color: #fcf8e3;
+}
+
 .table tbody tr.info td {
   background-color: #d9edf7;
 }

docs/base-css.html

@@ -686,6 +686,12 @@ For example, <code><section></code> should be wrapped as inlin
                 </td>
                 <td>Indicates a dangerous or potentially negative action.</td>
               </tr>
+              <tr>
+                <td>
+                  <code>.warning</code>
+                </td>
+                <td>Indicates a warning that might need attention.</td>
+              </tr>
               <tr>
                 <td>
                   <code>.info</code>
@@ -717,12 +723,18 @@ For example, &lt;code&gt;&lt;section&gt;&lt;/code&gt; should be wrapped as inlin
                   <td>02/04/2012</td>
                   <td>Declined</td>
                 </tr>
-                <tr class="info">
+                <tr class="warning">
                   <td>3</td>
                   <td>TB - Monthly</td>
                   <td>03/04/2012</td>
                   <td>Pending</td>
                 </tr>
+                <tr class="info">
+                  <td>4</td>
+                  <td>TB - Monthly</td>
+                  <td>04/04/2012</td>
+                  <td>Call in to confirm</td>
+                </tr>
               </tbody>
             </table>
           </div>

docs/templates/pages/base-css.mustache

@@ -623,6 +623,12 @@
                 </td>
                 <td>{{_i}}Indicates a dangerous or potentially negative action.{{/i}}</td>
               </tr>
+              <tr>
+                <td>
+                  <code>.warning</code>
+                </td>
+                <td>{{_i}}Indicates a warning that might need attention.{{/i}}</td>
+              </tr>
               <tr>
                 <td>
                   <code>.info</code>
@@ -654,12 +660,18 @@
                   <td>02/04/2012</td>
                   <td>Declined</td>
                 </tr>
-                <tr class="info">
+                <tr class="warning">
                   <td>3</td>
                   <td>TB - Monthly</td>
                   <td>03/04/2012</td>
                   <td>Pending</td>
                 </tr>
+                <tr class="info">
+                  <td>4</td>
+                  <td>TB - Monthly</td>
+                  <td>04/04/2012</td>
+                  <td>Call in to confirm</td>
+                </tr>
               </tbody>
             </table>
           </div>{{! /example }}

less/tables.less

@@ -219,6 +219,9 @@ table {
   tbody tr.error td {
     background-color: @errorBackground;
   }
+  tbody tr.warning td {
+    background-color: @warningBackground;
+  }
   tbody tr.info td {
     background-color: @infoBackground;
   }