Fixes #7297: add support for .success, .error, and .warning on td and th elements in tables

2 files changed, 24 insertions, 0 deletions

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index e902cdaf7..c92bd7f36 100644
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -1076,26 +1076,38 @@ table th[class^="span"] {
   float: none;
 }
 
+.table > tbody > tr > td.success,
+.table > tbody > tr > th.success,
 .table > tbody > tr.success > td {
   background-color: #dff0d8;
 }
 
+.table > tbody > tr > td.error,
+.table > tbody > tr > th.error,
 .table > tbody > tr.error > td {
   background-color: #f2dede;
 }
 
+.table > tbody > tr > td.warning,
+.table > tbody > tr > th.warning,
 .table > tbody > tr.warning > td {
   background-color: #fcf8e3;
 }
 
+.table-hover > tbody > tr > td.success:hover,
+.table-hover > tbody > tr > th.success:hover,
 .table-hover > tbody > tr.success:hover > td {
   background-color: #d0e9c6;
 }
 
+.table-hover > tbody > tr > td.error:hover,
+.table-hover > tbody > tr > th.error:hover,
 .table-hover > tbody > tr.error:hover > td {
   background-color: #ebcccc;
 }
 
+.table-hover > tbody > tr > td.warning:hover,
+.table-hover > tbody > tr > th.warning:hover,
 .table-hover > tbody > tr.warning:hover > td {
   background-color: #faf2cc;
 }
diff --git a/less/tables.less b/less/tables.less
index 05e67ec1c..8d7a7e381 100644
--- a/less/tables.less
+++ b/less/tables.less
@@ -194,12 +194,18 @@ table th[class^="span"] {
 // Exact selectors below required to override .table-striped
 
 .table > tbody > tr {
+  > td.success,
+  > th.success,
   &.success > td {
     background-color: @state-success-background;
   }
+  > td.error,
+  > th.error,
   &.error > td {
     background-color: @state-error-background;
   }
+  > td.warning,
+  > th.warning,
   &.warning > td {
     background-color: @state-warning-background;
   }
@@ -207,12 +213,18 @@ table th[class^="span"] {
 
 // Hover states for .table-hover
 .table-hover > tbody > tr {
+  > td.success:hover,
+  > th.success:hover,
   &.success:hover > td {
     background-color: darken(@state-success-background, 5%);
   }
+  > td.error:hover,
+  > th.error:hover,
   &.error:hover > td {
     background-color: darken(@state-error-background, 5%);
   }
+  > td.warning:hover,
+  > th.warning:hover,
   &.warning:hover > td {
     background-color: darken(@state-warning-background, 5%);
   }