Hero text sizes

←

Here is some extra large hero text for the marketing genius in you. These hero text sizes are calculated, adding a viewport-size to a base size, so the size changes dynanmically with the browser window.

Syntax: text-hero_{size}

SCSS: _text-size-hero.scss

Hero l

Hero m

Headline 1

Headline 2

<div class="text-hero_l">Hero l</div>
<div class="text-hero_m">Hero m</div>
<hr class="ma-v_m">
<h1>Headline 1</h1>
<h2>Headline 2</h2>