@use '../bootstrap/init' as *;

//
//
// Apply partially
//   https://github.com/twbs/bootstrap/blob/v4.5.0/scss/_tables.scss
//
//

.table {
  color: $color-table;
  background-color: $bgcolor-table; // Reset for nesting within parents with `background-color`.

  th,
  td {
    border-top-color: $border-color-table;
  }

  thead th {
    border-bottom-color: $border-color-table;
  }

  tbody + tbody {
    border-top-color: $border-color-table;
  }
}

.table-bordered {
  border-color: $border-color-table;

  th,
  td {
    border-color: $border-color-table;
  }
}

.table-hover {
  tbody tr {
    @include hover() {
      color: $color-table-hover;
      background-color: $bgcolor-table-hover;
    }
  }
}

.table-dark {
  color: $table-dark-color;
  background-color: $table-dark-bg;

  th,
  td,
  thead th {
    border-color: $table-dark-border-color;
  }

  &.table-bordered {
    border: 0;
  }

  &.table-striped {
    tbody tr:nth-of-type(#{$table-striped-order}) {
      background-color: $table-dark-accent-bg;
    }
  }

  &.table-hover {
    tbody tr {
      @include hover() {
        color: $table-dark-hover-color;
        background-color: $table-dark-hover-bg;
      }
    }
  }
}