eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Style fixes for Definition Lists

Browse source
This commit is contained in:
Eryn Wells 2024-01-15 17:07:05 -08:00
parent 5973cd882b
commit d1688c14b5
2 changed files with 16 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

15
assets/styles/root/002_layout.css
View file

@ -301,12 +301,21 @@
main ul, main ul,
main ol, main ol,
main dl, main dl,
main :is(ul, ol) > li, main :is(ul, ol) > li {
main dl > dt {
margin-inline-start: var(--body-item-spacing); margin-inline-start: var(--body-item-spacing);
} }
main :is(ul, ol) > li:not(:last-child) { main dl {
margin: 0;
}
main dd {
line-height: var(--line-height);
margin-inline-start: calc(2 * var(--body-item-spacing));
}
main :is(ul, ol) > li:not(:last-child),
main dd:has(+ dt) {
margin-block-end: calc(var(--body-item-spacing) / 2); margin-block-end: calc(var(--body-item-spacing) / 2);
} }

5
assets/styles/root/050_typography.css
View file

@ -53,6 +53,10 @@
font-family: var(--font-family-monospace); font-family: var(--font-family-monospace);
} }
dt {
font-weight: bold;
}
figcaption { figcaption {
font-size: 80%; font-size: 80%;
line-height: var(--line-height); line-height: var(--line-height);
@ -105,7 +109,6 @@
h1.gradient > a { color: inherit; } h1.gradient > a { color: inherit; }
header.site h1.site { header.site h1.site {
font-size: var(--site-header-font-size); font-size: var(--site-header-font-size);
line-height: var(--site-heading-line-height); line-height: var(--site-heading-line-height);