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.

html

<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.

html

<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