Add tight spacing class for use with lists

This commit is contained in:
Hornwitser 2025-02-16 23:56:49 +01:00
parent 9f15da0835
commit 22365ff977
2 changed files with 4 additions and 1 deletions

View file

@ -19,7 +19,7 @@ const content = <>
<p>
This has some interesting advantages:
</p>
<ul>
<ul class="tight">
<li>
HTML content is only generated when it's changed, rather than being redone on every request.
</li>

View file

@ -64,6 +64,9 @@ h1, h2, h3, h4 {
:is(hgroup, p, blockquote, ol, ul, li) + :is(hgroup, blockquote, p, ol, ul, li) {
margin-block-start: var(--block-space, 1em);
}
.tight {
--block-space: 0.35em;
}
blockquote {
padding-inline: 1.25em;