Heading 1
h1
2rem
Heading 2
h2
1.75rem
Heading 3
h3
1.375rem
Heading 4
h4
1.125rem
Heading 5
h5
1rem
Heading 6
h6
1rem
Typography
Headings
Heading Groups
When headings are used inside a hgroup
, they have no margin. The
hgroup
itself has a margin-bottom of --sugar-spacing-block
.
<hgroup>
<h1>Main title</h1>
<h2>Sub title</h2>
</hgroup>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Ex unde ipsam, nihil esse, odio nam reprehenderit impedit cumque.
</p>
Main title
Sub title
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ex unde ipsam, nihil esse, odio nam reprehenderit impedit cumque.