You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

28 lines
700 B

10 years ago
  1. // Tables
  2. .table-row-variant(@state; @background) {
  3. // Exact selectors below required to override `.table-striped` and prevent
  4. // inheritance to nested tables.
  5. .table > thead > tr,
  6. .table > tbody > tr,
  7. .table > tfoot > tr {
  8. > td.@{state},
  9. > th.@{state},
  10. &.@{state} > td,
  11. &.@{state} > th {
  12. background-color: @background;
  13. }
  14. }
  15. // Hover states for `.table-hover`
  16. // Note: this is not available for cells or rows within `thead` or `tfoot`.
  17. .table-hover > tbody > tr {
  18. > td.@{state}:hover,
  19. > th.@{state}:hover,
  20. &.@{state}:hover > td,
  21. &:hover > .@{state},
  22. &.@{state}:hover > th {
  23. background-color: darken(@background, 5%);
  24. }
  25. }
  26. }