messengercustom-servicesmacoslinuxwindowsinboxwhatsappicloudtweetdeckhipchattelegramhangoutsslackgmailskypefacebook-workplaceoutlookemailmicrosoft-teamsdiscord
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
715 B
28 lines
715 B
// 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%); |
|
} |
|
} |
|
}
|
|
|