shoelace/css/tables.css

43 wiersze
1002 B
CSS

/*! Shoelace tables */
.table {
width: 100%;
border-collapse: collapse;
margin-bottom: 1rem;
}
.table caption {
caption-side: bottom;
font-size: var(--font-size-small);
color: var(--text-muted);
text-align: center;
padding-top: var(--table-spacing-y);
}
.table th {
text-align: left;
background: var(--table-header-bg-color);
border-bottom: solid calc(var(--table-border-width) * 2) var(--table-border-color);
padding: var(--table-spacing-y) var(--table-spacing-x);
}
.table td {
border-bottom: solid var(--table-border-width) var(--table-border-color);
padding: var(--table-spacing-y) var(--table-spacing-x);
}
.table.table-striped tr:nth-child(odd) td {
background-color: var(--table-stripe-bg-color);
}
.table.table-bordered {
border: solid var(--table-border-width) var(--table-border-color);
}
.table.table-bordered th,
.table.table-bordered td {
border-style: solid;
border-width: var(--table-border-width);
border-color: var(--table-border-color);
}