// Name:            Table
//
// Component:       `table`
//
// Modifiers:       `table-default`
//                  `table-primary`
//                  `table-success`
//                  `table-info`
//                  `table-warning`
//                  `table-danger`
//                  `table-dark`
//                  `table-gray`
//                  `table-bordered`
//
// ========================================================================

// Component: Table
// ========================================================================

.table {
  color: $gray-dark;

  thead th,
  tfoot th {
    color: $gray-darker;
  }

  thead:first-child {
    th {
      border-top: none;
    }
  }
}

// Table-row Color Modifier
// ========================================================================
@include table-row-variants(active, $table-bg-active, inherit);
@include table-row-variants(success, $state-success-bg, $inverse);
@include table-row-variants(info, $state-info-bg, $inverse);
@include table-row-variants(warning, $state-warning-bg, $inverse);
@include table-row-variants(danger, $state-danger-bg, $inverse);

// table-thead Color Modifier
// ========================================================================
@include table-thead-variant(default, $bg-color-base, inherit);
@include table-thead-variant(primary, $brand-primary, $inverse);
@include table-thead-variant(success, $brand-success, $inverse);
@include table-thead-variant(info, $brand-info, $inverse);
@include table-thead-variant(warning, $brand-warning, $inverse);
@include table-thead-variant(danger, $brand-danger, $inverse);
@include table-thead-variant(dark, $gray-darker, $inverse);
@include table-thead-variant(gray, $gray-light, $gray-darker);

// Modifier: `table-bordered`
// ========================================================================


// Modifier: `table-section`
// ========================================================================
.table-section {
  &.active {
    tr {
      background-color: $table-bg-active;
    }
  }
}