37 lines
602 B
CSS
37 lines
602 B
CSS
.table {
|
|
display: block;
|
|
overflow-x: auto;
|
|
border-collapse: collapse;
|
|
|
|
--border: calc(2rem / 16) solid var(--primary-accent-light);
|
|
}
|
|
|
|
.table thead tr {
|
|
background: var(--secondary-accent-light);
|
|
}
|
|
|
|
.table tbody tr {
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.table tbody tr:nth-child(odd) {
|
|
background: var(--primary-accent-lightest);
|
|
}
|
|
|
|
.table th {
|
|
color: var(--primary-heading);
|
|
text-align: left;
|
|
border-bottom: var(--border);
|
|
}
|
|
|
|
.table th:not(:last-child),
|
|
.table td:not(:last-child) {
|
|
border-right: var(--border);
|
|
}
|
|
|
|
.table th,
|
|
.table td {
|
|
padding: calc(12rem / 16);
|
|
}
|