[Summary view] [Print] [Text view]

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