1 | // Tables
|
2 |
|
3 | @mixin table-row-variant($state, $background) {
|
4 | // Exact selectors below required to override `.table-striped` and prevent
|
5 | // inheritance to nested tables.
|
6 | .table-#{$state} {
|
7 | &,
|
8 | > th,
|
9 | > td {
|
10 | background-color: $background;
|
11 | }
|
12 | }
|
13 |
|
14 | // Hover states for `.table-hover`
|
15 | // Note: this is not available for cells or rows within `thead` or `tfoot`.
|
16 | .table-hover {
|
17 | $hover-background: darken($background, 5%);
|
18 |
|
19 | .table-#{$state} {
|
20 | @include hover {
|
21 | background-color: $hover-background;
|
22 |
|
23 | > td,
|
24 | > th {
|
25 | background-color: $hover-background;
|
26 | }
|
27 | }
|
28 | }
|
29 | }
|
30 | }
|