Typography
Headings
Use .h1 – .h4
class to change an elements font size and weight to match Miro heading styles. It is also normalizing each one of them.
<div>
<h1 class="h1">Heading 1</h1>
<h2 class="h2">Heading 2</h2>
<h3 class="h3">Heading 3</h3>
<h4 class="h4">Heading 4</h4>
</div>
🏓 Interactive playground
Paragraph
Use .p-large
,.p-medium
or .p-small
to change an elements font size and weight to match Miro paragraph styles.
<div>
<p class="p-large">Paragraph large</p>
<p class="p-medium">Paragraph medium</p>
<p class="p-small">Paragraph small</p>
</div>
🏓 Interactive playground