philomena/assets/css/elements/table.css
2024-07-02 20:09:30 +02:00

59 lines
1.3 KiB
CSS

.table,
.communication__body__text table {
border-collapse: collapse;
width: 100%;
}
.table thead,
.communication__body__text table thead {
background: var(--secondary-muted-color);
}
.table th {
background: var(--secondary-color);
padding: var(--padding-normal) var(--padding-small);
}
.table td,
.table th {
padding: var(--padding-small);
text-align: left;
}
.communication__body__text table th {
background: var(--secondary-color);
padding: var(--padding-normal) var(--padding-small);
}
.communication__body__text table td,
.communication__body__text table th {
padding: var(--padding-small);
text-align: left;
}
.table tr,
.communication__body__text table tr {
border-bottom: 1px solid var(--secondary-muted-color);
}
.table thead th:last-child {
border-top-right-radius: var(--border-radius-inner);
}
.table thead th:first-child {
border-top-left-radius: var(--border-radius-inner);
}
.communication__body__text table thead th:first-child {
border-top-left-radius: var(--border-radius-inner);
}
.communication__body__text table thead th:last-child {
border-top-right-radius: var(--border-radius-inner);
}
.table tbody,
.communication__body__text table tbody {
border-top: 2px solid var(--secondary-muted-color);
border-bottom: 2px solid var(--secondary-muted-color);
}