1 |
|
2 | @mixin table-variant($state, $background) {
|
3 | .table-#{$state} {
|
4 | $color: color-contrast(opaque($body-bg, $background));
|
5 | $hover-bg: mix($color, $background, percentage($table-hover-bg-factor));
|
6 | $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));
|
7 | $active-bg: mix($color, $background, percentage($table-active-bg-factor));
|
8 |
|
9 | --#{$variable-prefix}table-bg: #{$background};
|
10 | --#{$variable-prefix}table-striped-bg: #{$striped-bg};
|
11 | --#{$variable-prefix}table-striped-color: #{color-contrast($striped-bg)};
|
12 | --#{$variable-prefix}table-active-bg: #{$active-bg};
|
13 | --#{$variable-prefix}table-active-color: #{color-contrast($active-bg)};
|
14 | --#{$variable-prefix}table-hover-bg: #{$hover-bg};
|
15 | --#{$variable-prefix}table-hover-color: #{color-contrast($hover-bg)};
|
16 |
|
17 | color: $color;
|
18 | border-color: mix($color, $background, percentage($table-border-factor));
|
19 | }
|
20 | }
|
21 |
|