Atoms

Headings

Ceci est un h1

Ceci est un h2

Ceci est un h3

Links

Buttons







Warning, in the mockups, some buttons have different paddings.
Example: "Copier le lien" has smaller paddings, maybe a `btn_small` class could do the job, to check.

Forms element

Labels

Input text


Input email


Input password


Input date


Select

Textarea

Paragraphs

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Magnam perspiciatis minus libero error dolores. Corrupti repellat vero repellendus reiciendis assumenda minus. Nobis, quaerat ut nihil minima sed animi delectus beatae!

Lists

Unordered list

Ordered list

  1. plop
  2. plop
  3. plop

Images

Molecules

Useful classes

Align right

Label + input text

Label + select

Input text with info

like here

Commentaries

Components

Images list

that

Calendar

Modale

Way to vote

that

Voted

that

Graphics

that