29 lines
		
	
	
		
			715 B
		
	
	
	
		
			SCSS
		
	
	
	
	
	
			
		
		
	
	
			29 lines
		
	
	
		
			715 B
		
	
	
	
		
			SCSS
		
	
	
	
	
	
| // Tables
 | |
| 
 | |
| @mixin table-row-variant($state, $background) {
 | |
|   // Exact selectors below required to override `.table-striped` and prevent
 | |
|   // inheritance to nested tables.
 | |
|   .table > thead > tr,
 | |
|   .table > tbody > tr,
 | |
|   .table > tfoot > tr {
 | |
|     > td.#{$state},
 | |
|     > th.#{$state},
 | |
|     &.#{$state} > td,
 | |
|     &.#{$state} > th {
 | |
|       background-color: $background;
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   // Hover states for `.table-hover`
 | |
|   // Note: this is not available for cells or rows within `thead` or `tfoot`.
 | |
|   .table-hover > tbody > tr {
 | |
|     > td.#{$state}:hover,
 | |
|     > th.#{$state}:hover,
 | |
|     &.#{$state}:hover > td,
 | |
|     &:hover > .#{$state},
 | |
|     &.#{$state}:hover > th {
 | |
|       background-color: darken($background, 5%);
 | |
|     }
 | |
|   }
 | |
| }
 | 
