You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
715 B
SCSS
29 lines
715 B
SCSS
10 years ago
|
// Tables
|
||
|
|
|
||
|
|
@mixin table-row-variant($state, $background) {
|
||
|
|
// Exact selectors below required to override `.table-striped` and prevent
|
||
|
|
// inheritance to nested tables.
|
||
|
|
.table > thead > tr,
|
||
|
|
.table > tbody > tr,
|
||
|
|
.table > tfoot > tr {
|
||
|
|
> td.#{$state},
|
||
|
|
> th.#{$state},
|
||
|
|
&.#{$state} > td,
|
||
|
|
&.#{$state} > th {
|
||
|
|
background-color: $background;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
// Hover states for `.table-hover`
|
||
|
|
// Note: this is not available for cells or rows within `thead` or `tfoot`.
|
||
|
|
.table-hover > tbody > tr {
|
||
|
|
> td.#{$state}:hover,
|
||
|
|
> th.#{$state}:hover,
|
||
|
|
&.#{$state}:hover > td,
|
||
|
|
&:hover > .#{$state},
|
||
|
|
&.#{$state}:hover > th {
|
||
|
|
background-color: darken($background, 5%);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|