static/css/com/_bits/_table.scss (42 lines of code) (raw):
@import '../../_config';
%table {
margin-bottom: $vertical-rhythm-unit*2;
line-height: inherit;
font-size: inherit;
&.zebra {
tbody tr:nth-child(odd) {
background-color: #f5f5f5;
}
}
&.wide {
min-width: 100%;
}
// Table header
thead {
background-color: #F7F7F7;
border-bottom-width: 2px;
}
// Table footer
tfoot {
color: #ccc;
tr {border-bottom: none;}
}
// Row
tr {
border-bottom: 1px solid #dcdcdc;
}
// Header cell
th {
padding-top: 10px;
padding-bottom: 6px;
text-align: left;
font-weight: bold;
}
// Cell
th,
td {
padding: 6px 10px;
vertical-align: top;
&:first-child {
padding-left: 12px;
}
&:last-child {
padding-right: 12px;
}
}
}