You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

24 lines
1.1 KiB

9 months ago
  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. --#{$prefix}table-color: #{$color};
  10. --#{$prefix}table-bg: #{$background};
  11. --#{$prefix}table-border-color: #{$table-border-color};
  12. --#{$prefix}table-striped-bg: #{$striped-bg};
  13. --#{$prefix}table-striped-color: #{color-contrast($striped-bg)};
  14. --#{$prefix}table-active-bg: #{$active-bg};
  15. --#{$prefix}table-active-color: #{color-contrast($active-bg)};
  16. --#{$prefix}table-hover-bg: #{$hover-bg};
  17. --#{$prefix}table-hover-color: #{color-contrast($hover-bg)};
  18. color: var(--#{$prefix}table-color);
  19. border-color: var(--#{$prefix}table-border-color);
  20. }
  21. }
  22. // scss-docs-end table-variant