mirror of
https://github.com/codeninjasuk/showcase.git
synced 2024-11-25 08:58:03 -05:00
31 lines
647 B
SCSS
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;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|