EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style tables
All checks were successful
/ build (push) Successful in 10s
Details

Browse source
This commit is contained in:
kritzl 2025-02-14 21:15:28 +01:00
commit c76160ea0e
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
9 changed files with 119 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

30
styleguide/assets/style/styleguide.css
View file

@ -345,13 +345,39 @@ code,
.code {
font-family: "Departure Mono", ui-monospace, monospace;
font-size: 0.8em;
background-color: var(--color-shade-1);
background-color: var(--color-shade-2);
border-radius: 0.2em;
padding: 0 0.2em;
}
table {
width: fit-content;
border-collapse: collapse;
}
table th, table td {
padding: 0.25rem 0.5rem;
border: solid 0.1em var(--color-shade-4);
}
table tr th {
text-align: left;
background-color: var(--color-shade-1);
}
table thead {
position: sticky;
top: 0;
z-index: 10;
}
table thead tr > th {
outline-width: 0.1em;
outline-style: solid;
outline-offset: -0.05em;
outline-color: var(--color-shade-4);
}
table.row-hover tbody tr:hover th {
background-color: var(--color-shade-3);
}
table.row-hover tbody tr:hover td {
background-color: var(--color-shade-2);
}
a {
@ -480,6 +506,7 @@ body > div nav ul li:hover a:visited, body > div nav ul li:hover a:focus, body >
}
body > div main {
max-width: min(var(--container-4xl), 100vw);
width: 100%;
border-left: dashed 0.25rem var(--color-foreground);
}
@media (min-width: 40rem) {
@ -534,6 +561,7 @@ pre,
.layout-column {
display: flex;
width: 100%;
}
.layout-column > * {
width: 100%;