114 lines
1.5 KiB
SCSS
114 lines
1.5 KiB
SCSS
/*----------------------------*\
|
|
* Tables *
|
|
\*----------------------------*/
|
|
|
|
$border: 1px solid #ccc; // Default border style for all tables
|
|
|
|
table,
|
|
.table {
|
|
max-width : 100%;
|
|
table-layout: fixed;
|
|
border-collapse: collapse;
|
|
vertical-align: top;
|
|
}
|
|
|
|
/**
|
|
* 1. Prevent reCAPTCHA from exploding
|
|
* See: https://github.com/raphaelgoetter/KNACSS/issues/18
|
|
*/
|
|
table {
|
|
width: 100%;
|
|
border: $border;
|
|
margin-bottom: 1.5em;
|
|
|
|
&#recaptcha_table {
|
|
table-layout: auto; /* 1 */
|
|
}
|
|
}
|
|
|
|
.table {
|
|
display: table;
|
|
}
|
|
|
|
caption {
|
|
padding: 10px;
|
|
color: #555;
|
|
font-style: italic;
|
|
}
|
|
|
|
/**
|
|
* Remove thead on tiny screens
|
|
*/
|
|
thead {
|
|
@include mq(tiny) {
|
|
display: none; /* 1 */
|
|
}
|
|
}
|
|
|
|
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);
|
|
} |