40 lines
711 B
Plaintext
40 lines
711 B
Plaintext
// Tables
|
|
|
|
#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;
|
|
}
|
|
|
|
& when not (@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} {
|
|
#hover({
|
|
background-color: @hover-background;
|
|
|
|
> td,
|
|
> th {
|
|
background-color: @hover-background;
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|