@use "src/app/styles/variables" as *;

@mixin mat-table() {
  .mat-mdc-table {
    background: transparent;

    tr {
      &:hover {
        background-color: $black-04;
      }

      &:last-child {
        & td {
          border: none;
        }
      }
    }
  }
}

@mixin mat-table-dark() {
  .mat-mdc-table {
    background: transparent;

    th {
      color: #D6D6D6;

      &.mat-mdc-header-cell {
        border-color: $white-70;
      }
    }

    td {
      color: $white;

      &.mat-mdc-cell {
        border-color: $white-70;
      }
    }
  }
}
