rocket-pinboard/scss/mixins/_table-row.scss
Paul van Tilburg 7f36f116a6 Switch to Sass based custom CSS
* Include the Bootstrap v4.0.0-beta3 SCSS sources
* Use the old custom.css as a basis for wishlist.scss
* Set the correct column count based on the media sizes
2017-12-29 23:55:12 +01:00

31 lines
647 B
SCSS

// Tables
@mixin table-row-variant($state, $background) {
// Exact selectors below required to override `.table-striped` and prevent
// inheritance to nested tables.
.table-#{$state} {
&,
> th,
> td {
background-color: $background;
}
}
// Hover states for `.table-hover`
// Note: this is not available for cells or rows within `thead` or `tfoot`.
.table-hover {
$hover-background: darken($background, 5%);
.table-#{$state} {
@include hover {
background-color: $hover-background;
> td,
> th {
background-color: $hover-background;
}
}
}
}
}