| 1441 |
ariadna |
1 |
// scss-docs-start table-variant
|
|
|
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 |
$table-border-color: mix($color, $background, percentage($table-border-factor));
|
|
|
9 |
|
|
|
10 |
--#{$prefix}table-color: #{$color};
|
|
|
11 |
--#{$prefix}table-bg: #{$background};
|
|
|
12 |
--#{$prefix}table-border-color: #{$table-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)};
|
|
|
19 |
|
|
|
20 |
color: var(--#{$prefix}table-color);
|
|
|
21 |
border-color: var(--#{$prefix}table-border-color);
|
|
|
22 |
}
|
|
|
23 |
}
|
|
|
24 |
// scss-docs-end table-variant
|