/*
	stylus-boilerplate

	tables.styl

	Author: Sean Goresht

	Table component for rendering responsive tables
*/
.table {
  background: #fff;
  width: 100%;
  max-width: 100%;
  margin-bottom: 1em;
}
.table th {
  vertical-align: bottom;
  text-align: left;
  padding: 0.3em;
  font-weight: bold;
}
.table td {
  padding: 0.3em;
  vertical-align: middle;
}
.table caption {
  text-align: right;
  margin: 1em;
  font-style: italic;
}
.table-striped tbody tr {
  background: #fff;
  transition: easing("in-quad") 0.1s background;
}
.table-striped tbody tr:nth-of-type(odd) {
  background: #f2f2f2;
}
.table-striped tbody tr:hover {
  background: #ededed;
}
.table-bordered th {
  border: 1px solid color-fallback(rgba(222,222,222,0.6));
}
.table-bordered tbody + tbody {
  border: 1px solid color-fallback(rgba(222,222,222,0.6));
  border-width: 2px;
}
.table-bordered td {
  border: 1px solid color-fallback(rgba(222,222,222,0.6));
}
.table-bordered caption + thead:first-child th,
.table-bordered caption + thead:first-child td {
  border-top: 0;
}