00 · Usage

Design system

<link rel="stylesheet" href="https://forbaska.github.io/css/v1/forbaska.css">

01 · Color

02 · Type

Heading 1

Heading 2

Heading 3

Heading 4

Body text. The quick brown fox jumps over the lazy dog. Link and code.

Meta · 12:30–14:00 · Label

0123456789 · tabular

03 · Buttons

<button class="forbaska-btn forbaska-btn--primary">Save</button>

04 · Forms

<div class="forbaska-field">
  <label class="forbaska-label" for="name">Name</label>
  <input class="forbaska-input" id="name">
</div>

05 · Card, badge, alert

06 · Table

07 · Index list

1. First item12 entries
2. Second item3 entries
3. Third itemDraft