Styleguide

This website uses tailwind. In dev mode check '0.0.0.0:3000/_tailwind/' to consult all colors and font styles.

Thème de couleurs

Grosseur des H1-6

Styles de body (content)

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. Maecenas sed diam eget risus varius blandit sit amet non magna.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. Maecenas sed diam eget risus varius blandit sit amet non magna.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. Maecenas sed diam eget risus varius blandit sit amet non magna.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. Maecenas sed diam eget risus varius blandit sit amet non magna.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. Maecenas sed diam eget risus varius blandit sit amet non magna.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. Maecenas sed diam eget risus varius blandit sit amet non magna.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean eu leo quam. Maecenas sed diam eget risus varius blandit sit amet non magna.

Duis mollis, est non commodo luctus.

Logo

Icons

features-mono

angle

auto-light

battery

camera

focus

fog

gesture

light

rear-light

status

voice-double

voice

weight

wifi

features

angle

auto-light

battery

camera

focus

fog

gesture

light

rear-light

status

voice-double

voice

weight

wifi

socials

facebook

instagram

linkedin

pinterest

tiktok

twitter

youtube

ui

a11y

arrow-bottom

arrow-left

arrow-right

arrow-top

calendar

check

chevron

deposit

download

fullscreen

minus

model-3d-anchor

mute

pause

phone

play

plus

reduce

spinner

volume

warning-fill

warning

x

Spinner

Links

Boutons

Forms

Veuillez renseigner ce champ

Veuillez renseigner ce champ

Veuillez renseigner ce champ

Veuillez cocher cette case

Veuillez cocher l'une des cases

Fluid Grid

Grid (.c-grid)

col-span-3
col-span-4
col-span-3

Flex

colsize-w-3
colsize-w-4 gutter-ml-1
colsize-w-3-wide colsize-ml-1-wide