_tables.scss 1.3 KB

12345678910111213141516171819202122232425262728293031323334
  1. //== Table
  2. // $table-variants: (
  3. // 'light': $light,
  4. // 'dark': $dark,
  5. // );
  6. // remove when master version is released
  7. // show https://github.com/twbs/bootstrap/blob/28cb1ff2b23253293601c51aff434c39b461025e/scss/mixins/_table-variants.scss
  8. // @mixin table-variant($state, $background) {
  9. // .table-#{$state} {
  10. // $table-hover-bg-factor: 0.075 !default;
  11. // $table-striped-bg-factor: 0.05 !default;
  12. // $body-bg: $white !default;
  13. // $table-active-bg-factor: 0.1 !default;
  14. // $table-border-factor: 0.1 !default;
  15. // $color: color-contrast(mix(rgba($background, 1), $body-bg, opacity($background) * 100));
  16. // $color: gray;
  17. // $hover-bg: mix($color, $background, percentage($table-hover-bg-factor));
  18. // $striped-bg: mix($color, $background, percentage($table-striped-bg-factor));
  19. // $active-bg: mix($color, $background, percentage($table-active-bg-factor));
  20. // --bs-table-bg: #{$background};
  21. // --bs-table-striped-bg: #{$striped-bg};
  22. // --bs-table-striped-color: #{color-contrast($striped-bg)};
  23. // --bs-table-active-bg: #{$active-bg};
  24. // --bs-table-active-color: #{color-contrast($active-bg)};
  25. // --bs-table-hover-bg: #{$hover-bg};
  26. // --bs-table-hover-color: #{color-contrast($hover-bg)};
  27. // color: $color;
  28. // border-color: mix($color, $background, percentage($table-border-factor));
  29. // }
  30. // }