KNACSS/sass/components/_tables.scss

/* ----------------------------- */
/* ==Tables                      */
/* ----------------------------- */

table,
.table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  vertical-align: top;
  margin-bottom: $medium-value;
}

.table {
  display: table;
  border: 1px solid $border-table;
  background: $background-table;

  &--zebra {
    & tbody tr:nth-child(odd) {
      background: $color-gray5;
    }
  }

  & caption {
    caption-side: bottom;
    padding: $small-value;
    color: $color-table-caption;
    font-style: italic;
    text-align: right;
  }

  & td,
  & th {
    padding: 0.3rem 0.6rem;
    min-width: $medium-value;
    vertical-align: top;
    border: 1px $border-table dotted;
    text-align: left;
    cursor: default;
  }
  & thead {
    color: $color-table-head;
    background: $background-table-head;
  }
}

.table--auto {
  table-layout: auto;
}