KNACSS/sass/_tables.scss

/* ----------------------------- */
/* ==tables                      */
/* ----------------------------- */

$border: 1px solid #ccc;

table,
.table {
	max-width : 100%;
	table-layout: fixed;
	border-collapse: collapse;
	vertical-align: top;
}

table {
	width: 100%;
}

.table {
	display: table;
}

caption {
	padding: 10px;
	color: #555;
	font-style: italic;	
}

table { 
	border: $border;
}

thead {
	@include mq(tiny) {
		display: none;
	}
}

tr > * + * {
	border-left: $border;
}

th,
td {
	padding: .3em .8em;
	text-align: left;
	border-bottom: $border;

	@include mq(tiny) {
		display: block !important;
		width: auto !important;
		text-align: left !important;
	}
}

td {
	color: #333;
}

/**
 * Alternate tables 
 */
.alternate { 
	border: 0;

	thead tr > * + * { 
		border-left: 0;
	}

	tbody tr > * + * {
		border-left: $border;
	}
}

/** 
 * Alternate-vert tables 
 */
.alternate-vert { 
	border: 0;
	border-right: $border;

	tr > :first-child {
		border-bottom: 0;
	}

	tr > * + * {
		border-top: $border;
	}
}

/**
 * Striped tables 
 */
.striped tbody tr:nth-child(odd) {
	background: #eee;
	background: rgba(0, 0, 0, .05);
}

/** 
 * Striped-vert tables 
 */
.striped-vert tr > :first-child {
	background: #eee;
	background: rgba(0, 0, 0, .05);
}