| 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
|
|---|
