all the core properties stylus to make an HTML table display with the CSS flex box module

flex-tables

table {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
thead {
  order: -1;
}
tbody {
  flex-grow: 1;
}
tfoot {
  order: 1;
}
thead,
tbody,
tfoot {
  display: inherit;
  flex-direction: inherit;
  justify-content: space-between;
  align-items: stretch;
}
tr {
  display: inherit;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  flex-grow: 1;
}
td,
th {
  flex-basis: 15%;
  flex-grow: 2;
  text-align: left;
}
.table--reverse {
  flex-direction: row;
  min-height: 8em;
}
.table--reverse tr {
  flex-direction: column;
}

in an effort to stay DRY... absolutely minimal markup.