public/hornwitser.no
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add tight spacing class for use with lists

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

2
src/content/projects/my-site.tsx
View file

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

3
web/assets/styles/base.css
View file

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