1 // scss-docs-start table-variant
2 @mixin table-variant($state, $background) {
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 $border-color: mix($color, $background, percentage($table-border-factor));
10 --#{$prefix}table-color: #{$color};
11 --#{$prefix}table-bg: #{$background};
12 --#{$prefix}table-border-color: #{$border-color};
13 --#{$prefix}table-striped-bg: #{$striped-bg};
14 --#{$prefix}table-striped-color: #{color-contrast($striped-bg)};
15 --#{$prefix}table-active-bg: #{$active-bg};
16 --#{$prefix}table-active-color: #{color-contrast($active-bg)};
17 --#{$prefix}table-hover-bg: #{$hover-bg};
18 --#{$prefix}table-hover-color: #{color-contrast($hover-bg)};
20 color: var(--#{$prefix}table-color);
21 border-color: var(--#{$prefix}table-border-color);
24 // scss-docs-end table-variant