@use "colors";
@use "variables";

// =Tables
// -----------------------------------------------------------------------------*/
table.table-bordered td,
table.table-bordered th {
  border: 1px solid var(--ply-color-table-border, colors.$color-table-border);
}
table.table-simple td,
table.table-simple th,
table.table-simple caption {
  border: none;
  padding-left: 0;
}
table.table-flat td,
table.table-flat th,
table.table-flat caption {
  border: none;
  padding: 0;
}
table.table-stroked td,
table.table-stroked th {
  border-bottom: 1px solid var(--ply-color-table-border, colors.$color-table-border);
}
table.table-striped tbody tr:nth-child(odd) td,
table.table-stripped tbody tr:nth-child(odd) td {
  background: var(--ply-color-table-striped, var(--ply-color-table-stripped, colors.$color-table-stripped));
}
table.table-hovered tbody tr:hover td {
  background-color: var(--ply-color-table-hovered, colors.$color-table-hovered);
}

/* Responsive Tables */
.table-container {
  width: 100%;
  overflow: auto;
  margin-bottom: variables.$base-line;
  & table {
    margin-bottom: 0;
  }
  &::-webkit-scrollbar {
    appearance: none;
    width: 14px;
    height: 14px;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid var(--ply-bg-body);
    background-color: var(--ply-color-muted);
  }
}