/* Table
   ========================================================================== */
.table {
  @include table;
  &--sm {
    @include table--sm;
  }
  &--bordered {
    @include table--bordered;
    .table--dark & {
      @include table--bordered-dark;
    }
  }
  &--striped {
    @include table--striped;
    .table--dark & {
      @include table--striped-dark;
    }
  }
  &--hover {
    @include table--hover;
    .table--dark & {
      @include table--hover-dark;
    }
  }
  &--align-top {
    @include table--align(top);
  }
  &--align-middle {
    @include table--align(middle);
  }
  &--align-bottom {
    @include table--align(bottom);
  }
  &--text-align-center {
    @include table--text-align(center);
  }
  &--text-align-left {
    @include table--text-align(left);
  }
  &--text-align-right {
    @include table--text-align(right);
  }
  &--text-align-justify {
    @include table--text-align(justify);
  }
  &--dark {
    @include table--dark();
  }
}

.table-responsive {
  @include table-responsive();
  .table {
    @include table-responsive__table;
  }
}

.table--mobile {
  @each $breakpoint in map-keys($grid-breakpoints) {
    $next: breakpoint-next($breakpoint, $grid-breakpoints);
    $infix: breakpoint-infix($next, $grid-breakpoints);
    &#{$infix} {
      @include media-breakpoint-down($breakpoint) {
        @include table--mobile;
        .table__hidden-mobile {
          @include table__hidden-mobile;
        }
      }
    }
  }
}