16 #Typography Typography

16.1 #Typography.H1-6 H1-6

Example

Markup

<div class="h1">H1</div>
<div class="h2">H2</div>
<div class="h3">H3</div>
<div class="h4">H4</div>
<div class="h5">H5</div>
<div class="h6">H6</div>

Source: scss/components/_titles.scss, line 1

16.2 #Typography.Titles Titles

Examples

Default styling

Discover your
next Hike

Edge of the world

.title_center

center

Discover your
next Hike

Edge of the world

.title_underlined

underlined

Discover your
next Hike

Edge of the world

.title_color-main

color main

Discover your
next Hike

Edge of the world

.title_color-green

color green

Discover your
next Hike

Edge of the world

Markup

<div class="title [modifier class] h1">
    <div class="title__main">Discover your<br/>next Hike</div>
    <div class="title__subtitle">Edge of the world</div>
</div>

Source: scss/components/_titles.scss, line 63