From 3aee2adb4b4802c2e16dfe5693db9e79de4e851a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Mar 2013 12:10:58 -0700 Subject: [PATCH] Fixes #7297: add support for .success, .error, and .warning on td and th elements in tables --- docs/assets/css/bootstrap.css | 12 ++++++++++++ less/tables.less | 12 ++++++++++++ 2 files changed, 24 insertions(+) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e902cdaf7e..c92bd7f365 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 05e67ec1c8..8d7a7e381e 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%); }