kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

color border in table contextual classes

This commit is contained in:
Mark Otto 2013-03-17 17:26:02 -07:00
parent 3aee2adb4b
commit 3c82ccaa2b
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
docs/assets/css/bootstrap.css vendored
View File

@ -1080,36 +1080,42 @@ table th[class^="span"] {
.table > tbody > tr > th.success,
.table > tbody > tr.success > td {
background-color: #dff0d8;
border-color: #d6e9c6;
}
.table > tbody > tr > td.error,
.table > tbody > tr > th.error,
.table > tbody > tr.error > td {
background-color: #f2dede;
border-color: #eed3d7;
}
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td {
background-color: #fcf8e3;
border-color: #fbeed5;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
background-color: #d0e9c6;
border-color: #c9e2b3;
}
.table-hover > tbody > tr > td.error:hover,
.table-hover > tbody > tr > th.error:hover,
.table-hover > tbody > tr.error:hover > td {
background-color: #ebcccc;
border-color: #e6c1c7;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
background-color: #faf2cc;
border-color: #f8e5be;
}
form {

6
less/tables.less
View File

@ -198,16 +198,19 @@ table th[class^="span"] {
> th.success,
&.success > td {
background-color: @state-success-background;
border-color: @state-success-border;
}
> td.error,
> th.error,
&.error > td {
background-color: @state-error-background;
border-color: @state-error-border;
}
> td.warning,
> th.warning,
&.warning > td {
background-color: @state-warning-background;
border-color: @state-warning-border;
}
}
@ -217,15 +220,18 @@ table th[class^="span"] {
> th.success:hover,
&.success:hover > td {
background-color: darken(@state-success-background, 5%);
border-color: darken(@state-success-border, 5%);
}
> td.error:hover,
> th.error:hover,
&.error:hover > td {
background-color: darken(@state-error-background, 5%);
border-color: darken(@state-error-border, 5%);
}
> td.warning:hover,
> th.warning:hover,
&.warning:hover > td {
background-color: darken(@state-warning-background, 5%);
border-color: darken(@state-warning-border, 5%);
}
}