resources/scss/bootstrap/mixins/_table-row.scss

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