0
|
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 }
|