_table-variants.scss 940 B

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