💄 fix(style): proper nested lists spacing (#218)

This commit is contained in:
Xavier Vello 2023-10-28 16:01:36 +02:00 committed by GitHub
parent 7e6e1ddcc9
commit 4d12cfe3fa
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -50,6 +50,7 @@
--normal-layout-width: 600px; --normal-layout-width: 600px;
--medium-layout-width: 400px; --medium-layout-width: 400px;
--small-layout-width: 200px; --small-layout-width: 200px;
--paragraph-spacing: max(2.3vmin, 24px);
--sans-serif-font: 'Inter', Helvetica, Arial, sans-serif; --sans-serif-font: 'Inter', Helvetica, Arial, sans-serif;
--serif-font: 'Source Serif', 'Georgia', serif; --serif-font: 'Source Serif', 'Georgia', serif;
@ -150,6 +151,16 @@ article {
margin-left: -$base-margin; margin-left: -$base-margin;
max-width: calc(100% + 2*$base-margin); max-width: calc(100% + 2*$base-margin);
} }
li {
p:not(:last-child) {
margin-bottom: 0;
}
p + :last-child {
margin-bottom: var(--paragraph-spacing);
}
}
} }
.section-title { .section-title {
@ -227,7 +238,7 @@ h5 {
p { p {
margin-top: 0.4rem; margin-top: 0.4rem;
margin-bottom: max(2.3vmin, 24px); margin-bottom: var(--paragraph-spacing);
font-size: 1em; font-size: 1em;
line-height: 2rem; line-height: 2rem;
} }