Add tight spacing class for use with lists
This commit is contained in:
parent
9f15da0835
commit
22365ff977
2 changed files with 4 additions and 1 deletions
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue