OOOOPS. Your browser seems to be too old for this. Please update your browser.
Teutonic CSS
Use it

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>