Reduce heading margin
This commit is contained in:
parent
60c84bd48e
commit
a35ca5efc6
|
@ -4,3 +4,28 @@ select {
|
||||||
-moz-appearance: menulist;
|
-moz-appearance: menulist;
|
||||||
appearance: auto;
|
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>
|
</hgroup>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
<h1>Test</h1>
|
||||||
<p>This <a href="./" target="_blank">is an external link</a> in a sentence.</p>
|
<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 some more contents.</p>
|
||||||
<p>These are the page 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>
|
</section>
|
||||||
<footer id="footer"></footer>
|
<footer id="footer"></footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue