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

Fix the lists!

Browse source
This commit is contained in:
Eryn Wells 2023-09-28 16:29:02 -07:00
parent c642a23ec3
commit fb7fd04fe9
3 changed files with 18 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

19
assets/styles/root/002_columns.css
View file

@ -1,5 +1,5 @@
:root {
--body-item-spacing: 4rem;
--body-item-spacing: 2rem;
--content-width: 80rem;
--content-columns: 5;
--gutter-width: 3rem;
@ -135,10 +135,6 @@
grid-column: wide-content-start / wide-content-end;
}
p, ul {
grid-column: content-start / content-end;
}
nav.bulleted>li:first-child::before {
margin-inline: 0;
}
@ -147,20 +143,25 @@
margin-inline: var(--nav-bulleted-spacing);
}
ul, ol {
list-style-position: inside;
}
ul,
ol,
dl,
:is(ul, ol) > li,
dl > dt {
margin-inline-start: calc(var(--body-item-spacing) + 2px);
margin-inline-start: var(--body-item-spacing);
}
:is(ul, ol) > li {
margin-block-start: 1rem;
:is(ul, ol) > li:not(:last-child) {
margin-block-end: calc(var(--body-item-spacing) / 2);
}
:is(ul, ol) > li > :is(ul, ol) {
margin-inline-start: 0;
margin-block-start: calc(var(--body-item-spacing) / 2);
}
table {
@ -210,8 +211,6 @@
@supports (grid-template-columns: subgrid) {
.list > .post {
--body-item-spacing: 2rem;
display: grid;
grid-template-columns: subgrid;
gap: var(--body-item-spacing) 0;