| Michael Lando | efa037d | 2017-02-19 12:57:33 +0200 | [diff] [blame] | 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 | } |