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

View File

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

View File

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