// // tables.scss // Extended from Bootstrap //

// // Bootstrap Overrides ===================================== //

.table {

thead th {
  background-color: $table-head-bg;
  text-transform: uppercase;
  font-size: $font-size-sm;
  font-weight: $font-weight-bold;
  letter-spacing: .08em;
  color: $table-head-color;
  border-bottom-width: $table-border-width;
}
thead th, tbody th, tbody td {
  vertical-align: middle;
}

}

.table-sm {

font-size: $font-size-sm;
thead th {
  font-size: $font-size-xs;
}

}

// // Dashkit ===================================== //

// No wrap // // Prevents table content from wrapping to the next line

.table-nowrap {

th, td {
  white-space: nowrap;
}

}

// Sort // // Adds sorting icons

.table [data-sort] {

white-space: nowrap;
&::after {
  content: str-replace(url("data:image/svg+xml;utf8,<svg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M3 0L6 4H0L3 0ZM3 10L0 6H6L3 10Z' fill='#{$text-muted}'/></svg>"), "#", "%23");
  margin-left: .25rem;
}

}

// Table checkbox

.table-checkbox {

min-height: 0;

}

.table-checkbox .custom-control-label::before, .table-checkbox .custom-control-label::after {

top: 50%;
transform: translateY(-50%);

}