wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Issues Pull requests Activity Actions

feat: add table styles

Browse source
This commit is contained in:
Devin Haska 2024-06-22 21:44:45 -07:00
parent a3f3e099b3
commit 8c0fb89a54
No known key found for this signature in database
1 changed files with 30 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/css/global/global-styles.css
View file

@ -184,6 +184,36 @@ mark {
white-space: nowrap; white-space: nowrap;
} }
table {
border: 1px solid var(--color-border);
border-radius: var(--spacing-0\.5);
border-spacing: 0;
overflow: hidden;
width: 100%;
}
table thead {
background-color: var(--color-surface);
}
table thead th {
text-align: left;
}
table th,
table td {
padding-block: var(--spacing-0\.5);
padding-inline: var(--spacing-1);
}
table tbody tr:first-child td {
border-top: 1px solid var(--color-border);
}
table tbody tr:not(:last-child) td {
border-bottom: 1px solid var(--color-border);
}
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
html:focus-within { html:focus-within {
scroll-behavior: auto; scroll-behavior: auto;