Reduce heading margin

This commit is contained in:
Florine W. Dekker 2022-11-19 18:13:27 +01:00
parent 60c84bd48e
commit a35ca5efc6
Signed by: FWDekker
GPG Key ID: D3DCFAA8A4560BE0
2 changed files with 41 additions and 0 deletions

View File

@ -4,3 +4,28 @@ select {
-moz-appearance: menulist;
appearance: auto;
}
/* Set spacing to half that of pico.css */
h1 {
--typography-spacing-vertical: 1.5rem;
}
h2 {
--typography-spacing-vertical: 1.3125rem;
}
h3 {
--typography-spacing-vertical: 1.125rem;
}
h4 {
--typography-spacing-vertical: 0.937rem;
}
h5 {
--typography-spacing-vertical: 0.84375rem;
}
h6 {
--typography-spacing-vertical: 0.75rem;
}

View File

@ -48,9 +48,25 @@
</hgroup>
</header>
<h1>Test</h1>
<p>This <a href="./" target="_blank">is an external link</a> in a sentence.</p>
<p>These are some more contents.</p>
<p>These are the page contents.</p>
<h2>Test</h2>
<p>Here is some text you may want to read.</p>
<h3>Test</h3>
<p>Here is some text you may want to read.</p>
<h4>Test</h4>
<p>Here is some text you may want to read.</p>
<h5>Test</h5>
<p>Here is some text you may want to read.</p>
<h6>Test</h6>
<p>Here is some text you may want to read.</p>
</section>
<footer id="footer"></footer>
</div>