Reduce heading margin
This commit is contained in:
parent
60c84bd48e
commit
a35ca5efc6
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue