89 lines
1.1 KiB
SCSS
89 lines
1.1 KiB
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;
|
||
}
|
||
|
||
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);
|
||
} |