1 Global

General classes for basic components like text, color and etc.

1.1 Colors

1.2 Typography

Basic font family and sizes definition to be used across the framework. The default family is Roboto.

This is a title

This is a Subtitle

This is a section

Body size text

Form label size text

Small size text

Hint text that can be used on forms and etc

Error text that can be used on forms and etc


<h1 class="ff-font--title">This is a title</h1>
<h2 class="ff-font--subtitle">This is a Subtitle</h2>
<h3 class="ff-font--section">This is a section</h3>
<p class="ff-font--body">Body size text</p>
<div class="ff-font--label">Form label size text</div>
<div class="ff-font--small">Small size text</div>
<div class="ff-font--hint ff-font--hint__default">Hint text that can be used on forms and etc</div>
<div class="ff-font--hint ff-font--hint__error">Error text that can be used on forms and etc</div>