1 |
|
2 |
|
3 | @mixin table-row-variant($state, $background, $border: null) {
|
4 |
|
5 |
|
6 | .table-#{$state} {
|
7 | &,
|
8 | > th,
|
9 | > td {
|
10 | background-color: $background;
|
11 | }
|
12 |
|
13 | @if $border != null {
|
14 | th,
|
15 | td,
|
16 | thead th,
|
17 | tbody + tbody {
|
18 | border-color: $border;
|
19 | }
|
20 | }
|
21 | }
|
22 |
|
23 |
|
24 |
|
25 | .table-hover {
|
26 | $hover-background: darken($background, 5%);
|
27 |
|
28 | .table-#{$state} {
|
29 | @include hover() {
|
30 | background-color: $hover-background;
|
31 |
|
32 | > td,
|
33 | > th {
|
34 | background-color: $hover-background;
|
35 | }
|
36 | }
|
37 | }
|
38 | }
|
39 | }
|