/* TABLE
 * Style tables
*/

@mixin table-color($text-color) {
  th {
    color: $text-color;
  }
}

table {
  border-collapse: collapse;
}

table, th, td {
  border: 0;
  padding:0px;
  margin:0px;
}

th, td {
  vertical-align:center;
  padding-top: 0.325em;
  padding-bottom: 0.325em;
}

th  {
  font-weight: $fontweight_hyper;
}

.table {
    @each $name, $color in list-colors() {
        &-#{$name} { @include table-color(get-color($name)); }
    }
}
