libs/barista-components/table/src/row.scss
@import '../../core/src/style/variables';
@import '../../core/src/style/table';
@import './table-mixins';

:host {
  --dt-row-color-even: #{$dt-table-row-color-even};
  --dt-row-color-odd: #{$white};
  --interactive-border-color: #{$gray-500};
}

:host {
  min-height: $dt-table-row-height;
  @include dt-base-row();
  position: relative;

  &:nth-child(even) {
    background-color: $dt-table-row-color-even;
    border: solid 1px $dt-table-row-color-even;
  }
  &:nth-child(odd) {
    background-color: $dt-table-row-color-odd;
    border: solid 1px $dt-table-row-color-odd;
  }
}

:host.dt-table-row-indicator::before {
  @include dt-table-row-indicator();
}

:host-context(.dt-table-interactive-rows):hover {
  border: solid 1px var(--interactive-border-color);
}

:host.dt-table-row-indicator {
  &.dt-color-error::before {
    background-color: var(--dt-error-default-color);
  }
  &.dt-color-warning::before {
    background-color: var(--dt-warning-default-color);
  }
  &.dt-color-recovered::before {
    background-color: var(--dt-recovered-default-color);
  }
  &.dt-color-critical::before {
    background-color: var(--dt-critical-default-color);
  }
}
