blog/sass/parts/_table.scss

63 lines
No EOL
1.1 KiB
SCSS

table {
border-collapse: separate;
border-spacing: 0;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
margin-left: auto;
margin-right: auto;
overflow-x: scroll;
}
td,
th {
padding: 0.5rem;
padding: 1rem 1.5rem;
border-style: solid;
border-width: .1rem;
border-color: var(--overlay0);
text-align: start;
}
th {
background-color: var(--base);
text-transform: uppercase;
font-weight: medium;
font-size: small;
border: none
}
tr:first-child>td:first-child {
border-top-left-radius: var(--standard-border-radius);
}
tr:first-child>td:last-child {
border-top-right-radius: var(--standard-border-radius);
}
tr:last-child>td:first-child {
border-bottom-left-radius: var(--standard-border-radius);
}
tr:last-child>td:last-child {
border-bottom-right-radius: var(--standard-border-radius);
}
tr>td:last-child {
border-right-width: .15rem;
}
tr:first-child>td {
border-top-width: .15rem;
}
tr>td:first-child {
border-left-width: .15rem;
}
tr:last-child>td {
border-bottom-width: .15rem;
}
tr:nth-child(even) td {
background-color: var(--surface0);
}