clean up p styling with new classes to separate things under an h2 and things not under an h2

This commit is contained in:
2026-01-07 08:35:47 -08:00
parent c05c103dc7
commit ace01baee4
5 changed files with 54 additions and 41 deletions

View File

@ -128,23 +128,9 @@ a:focus-visible {
main p,
main ul {
padding: .8rem;
background-color: var(--color-bg-alt);
border-radius: 0 0 1rem 1rem;
line-height: 1.5rem;
}
main > p,
main > ul {
margin-left: 2.5rem;
}
@media (max-width: 750px) {
main > p,
main > ul {
margin-left: 1.25rem;
}
}
main li {
margin-left: 1rem;
}
@ -152,3 +138,24 @@ main li {
main li:not(:last-child) {
padding: 0 0 .5rem;
}
/* styles for sets of <p>s under an h2/3/etc vs alone */
.under-header,
.no-header {
background-color: var(--color-bg-alt);
}
.under-header {
border-radius: 0 0 1rem 1rem;
margin-left: 2.5rem;
}
@media (max-width: 750px) {
.under-header {
margin-left: 1.25rem;
}
}
.no-header {
border-radius: 1rem;
}