// Tables
.table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  @if $rtl == true {
    text-align: right;
  } @else {
    text-align: left;
  }

  // Scollable tables
  &.table-scroll {
    display: block;
    overflow-x: auto;
    padding-bottom: .75rem;
    white-space: nowrap;
  }
  th {
    font-weight: 600;
    border-bottom-width: 1px;
    @include useTheme("background", "background-panel-fragment");
  }
  td,
  th {
    border-bottom: 1px solid transparent;
    padding: $unit-3 $unit-2;
    @include useTheme('border-color', 'border-color', table);
  }
  tr:last-child td {
    border-bottom: none;
  }
}