@import "../../variables/t-base";

// TODO COLAB-2424: some of this is copied from bootstrap - replace with mixin

@mixin table-row-variant($state, $background) {
  // Exact selectors below required to override `.table-striped` and prevent
  // inheritance to nested tables.
  .table > thead > tr,
  .table > tbody > tr,
  .table > tfoot > tr {
    > td.#{$state},
    > th.#{$state},
    &.#{$state} > td,
    &.#{$state} > th {
      background-color: $background;
    }
  }

  // Hover states for `.table-hover`
  // Note: this is not available for cells or rows within `thead` or `tfoot`.
  .table-hover > tbody > tr {
    > td.#{$state}:hover,
    > th.#{$state}:hover,
    &.#{$state}:hover > td,
    &:hover > .#{$state},
    &.#{$state}:hover > th {
      background-color: darken($background, 5%);
    }
  }
}

// Custom variants

@include table-row-variant('primary', $t-Color__primary);
@include table-row-variant('gray', $t-Color__grey--light);

.table {
  .primary {
    th {
      color: white;
    }
  }
  th.primary {
    color: white;
  }
}

@import "../../variables/t-base";
@import "bootstrap-sass/bootstrap/mixins/table-row";

// Custom variants

@include table-row-variant('primary', $t-Color__primary);
@include table-row-variant('gray', $t-Color__grey--light);

.table {
  .primary {
    th {
      color: white;
    }
  }
  th.primary {
    color: white;
  }
}

Replace copied mixin with original
[COLAB-2424] Replace copied mixin with original
