privacyguides.org/_sass/bootstrap/mixins/_table-row.scss

40 lines
794 B
SCSS
Raw Normal View History

2020-04-28 17:09:22 -04:00
// Tables
@mixin table-row-variant($state, $background, $border: null) {
// Exact selectors below required to override `.table-striped` and prevent
// inheritance to nested tables.
.table-#{$state} {
&,
> th,
> td {
background-color: $background;
}
@if $border != null {
th,
td,
thead th,
tbody + tbody {
border-color: $border;
}
}
}
// 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} {
2020-04-28 17:14:23 -04:00
@include hover() {
2020-04-28 17:09:22 -04:00
background-color: $hover-background;
> td,
> th {
background-color: $hover-background;
}
}
}
}
}