Sometimes a table has selectable rows, but there is no built-in way to emphasize the selected one. A class is-selected (or similar) for tr elements would be helpful.
Something like this
.table {
tr {
&.is-selected,
&.is-selected:hover {
background: $primary;
color: $primary-invert;
}
}
}
If table has is-striped the strip color will override the is-selected color.
The hover colour will also override the is-selected colour, which makes the text illegible per #822
What if you want to add more properties than is-selected though? !important isn't very modular.
Most helpful comment
Something like this