Add .warning to table rows

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 889428d280878a4a046c673adc38788ef0e0a7d9..d6b4fc38dae06c8d8f05c223c5a9d08fef13d58a 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/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;
 }

diff --git a/docs/base-css.html b/docs/base-css.html
index fa9dd4b9338e436d1e3d50057f4d4303ae5164ae..9874bcfbb4b577b3c29794c5d43a9cffdcb7823f 100644 (file)
--- a/docs/base-css.html
+++ b/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>

diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache
index ecf0100d3793990a373651af5410ec939fe45be2..e6970fbc7b909e24c59e1e9b1cf4b2142792bb31 100644 (file)
--- a/docs/templates/pages/base-css.mustache
+++ b/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 }}

diff --git a/less/tables.less b/less/tables.less
index 853b97e3902c1ee425128e0ba3c79b3fa29d4e14..0f0c310e0bfd1ce5af084ca4ce1c1a7066d8d525 100644 (file)
--- a/less/tables.less
+++ b/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;
   }