2017-01-13 03:03:34 +01:00
|
|
|
|
2016-08-08 06:47:48 +02:00
|
|
|
table.table-standard {
|
|
|
|
word-wrap: break-word;
|
|
|
|
max-width: 100%;
|
|
|
|
|
|
|
|
th, td {
|
|
|
|
padding: $spacing-vertical/2 8px;
|
|
|
|
}
|
|
|
|
th {
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 0.9em;
|
|
|
|
}
|
|
|
|
td {
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
thead th, > tr:first-child th {
|
|
|
|
vertical-align: bottom;
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 0.9em;
|
|
|
|
padding: $spacing-vertical/4+1 8px $spacing-vertical/4-2;
|
|
|
|
text-align: left;
|
2017-08-19 06:33:01 +02:00
|
|
|
border-bottom: var(--table-border);
|
2016-08-08 06:47:48 +02:00
|
|
|
img {
|
|
|
|
vertical-align: text-bottom;
|
|
|
|
}
|
2017-08-18 05:31:44 +02:00
|
|
|
&.text-center {
|
|
|
|
text-align: center;
|
|
|
|
}
|
2016-08-08 06:47:48 +02:00
|
|
|
}
|
|
|
|
tr.thead:not(:first-child) th {
|
2017-08-19 06:33:01 +02:00
|
|
|
border-top: var(--table-border);
|
2016-08-08 06:47:48 +02:00
|
|
|
}
|
|
|
|
tfoot td {
|
|
|
|
padding: $spacing-vertical / 2 8px;
|
|
|
|
font-size: .85em;
|
|
|
|
}
|
|
|
|
tbody {
|
|
|
|
tr {
|
|
|
|
&:nth-child(even):not(.odd) {
|
2017-08-19 06:33:01 +02:00
|
|
|
background-color: var(--table-item-odd);
|
2016-08-08 06:47:48 +02:00
|
|
|
}
|
|
|
|
&:nth-child(odd):not(.even) {
|
2017-08-19 21:04:45 +02:00
|
|
|
background-color: var(--table-item-even);
|
2016-08-08 06:47:48 +02:00
|
|
|
}
|
|
|
|
&.thead {
|
|
|
|
background: none;
|
|
|
|
}
|
|
|
|
td {
|
|
|
|
border: 0 none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2016-08-27 16:12:56 +02:00
|
|
|
}
|
2017-08-26 05:21:26 +02:00
|
|
|
.table-standard--definition-list {
|
|
|
|
th {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
}
|
2016-08-27 16:12:56 +02:00
|
|
|
|
|
|
|
table.table-stretch {
|
|
|
|
width: 100%;
|
2017-08-19 06:33:01 +02:00
|
|
|
}
|
2017-09-18 02:52:57 +02:00
|
|
|
|
|
|
|
table.table-transactions {
|
|
|
|
td:nth-of-type(1) { width: 15%; }
|
|
|
|
td:nth-of-type(2) { width: 15%; }
|
|
|
|
td:nth-of-type(3) { width: 15%; }
|
|
|
|
td:nth-of-type(4) { width: 40%; }
|
|
|
|
td:nth-of-type(5) { width: 15%; }
|
|
|
|
}
|