kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

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

Browse source
This commit is contained in:
Mark Otto 2013-03-17 12:10:58 -07:00
parent 28cdc8dc5f
commit 3aee2adb4b
2 changed files with 24 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
docs/assets/css/bootstrap.css vendored
View file

@ -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;
}

12
less/tables.less
View file

@ -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%);
}