| |
| /* |
| * Copyright 2017-present Open Networking Foundation |
| |
| * Licensed under the Apache License, Version 2.0 (the "License"); |
| * you may not use this file except in compliance with the License. |
| * You may obtain a copy of the License at |
| |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| |
| |
| // 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%); |
| } |
| } |
| } |