|
114
|
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 > thead > tr, |
|
|
7 |
.table > tbody > tr, |
|
|
8 |
.table > tfoot > tr { |
|
|
9 |
> td.#{$state}, |
|
|
10 |
> th.#{$state}, |
|
|
11 |
&.#{$state} > td, |
|
|
12 |
&.#{$state} > th { |
|
|
13 |
background-color: $background; |
|
|
14 |
} |
|
|
15 |
} |
|
|
16 |
|
|
|
17 |
// Hover states for `.table-hover` |
|
|
18 |
// Note: this is not available for cells or rows within `thead` or `tfoot`. |
|
|
19 |
.table-hover > tbody > tr { |
|
|
20 |
> td.#{$state}:hover, |
|
|
21 |
> th.#{$state}:hover, |
|
|
22 |
&.#{$state}:hover > td, |
|
|
23 |
&:hover > .#{$state}, |
|
|
24 |
&.#{$state}:hover > th { |
|
|
25 |
background-color: darken($background, 5%); |
|
|
26 |
} |
|
|
27 |
} |
|
|
28 |
} |