KNACSS/sass/tables.scss

89 lines
1.1 KiB
SCSS
Raw Normal View History

2013-04-04 21:29:49 +02:00
/* ----------------------------- */
/* ==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;
}
tr > * + * {
border-left: $border;
}
th,
td {
padding: .3em .8em;
text-align: left;
border-bottom: $border;
}
td {
color: #333;
}
/**
* Alternate tables
*/
.alternate {
border: 0;
tbody { border: $border; }
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);
}