105 lines
1.2 KiB
SCSS
105 lines
1.2 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;
|
|
}
|
|
|
|
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);
|
|
} |