Styleguide
Grid
Col
.u-col-span-1
Col
.u-col-span-1
Col
.u-col-span-1
Col
.u-col-span-1
Col
.u-col-span-1
Col
.u-col-span-1
Col
.u-col-span-1
Col
.u-col-span-1
Col
.u-col-span-1
Col
.u-col-span-1
Col
.u-col-span-1
Col
.u-col-span-1
Grid mobile
Col
.u-col-span-1
Col
.u-col-span-1
Col
.u-col-span-1
Col
.u-col-span-1
Col
.u-col-span-1
Col
.u-col-span-1
Typography
Title H1
.u-text-32-38 .u-font-medium
Title H2
.u-text-24-28 .u-font-medium
Title H3
.u-text-20-23 .u-font-medium
Small title
.u-text-12-14 .u-uppercase
Text base. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget ligula facilisis, vehicula erat in, placerat metus. Curabitur quis dui sed magna ultricies feugiat.
style de base sur le body
Text bigger. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget ligula facilisis, vehicula erat in, placerat metus. Curabitur quis dui sed magna ultricies feugiat.
.u-text-16-19
Colors
white #ffffff
navy #11151a
blue #659abe
blue-medium #3d5d85
blue-dark #263c79
yellow #b4801d
brown #754d2d
brown-dark #4f2c2a
red #923033
red #de1d1d
pink #b37f7a
pink-light #c6acb3
green #66864c
grey #aaaeb2
grey-dark #787d81
grey-medium #cbcfd2
grey-light #e7eaed
grey-light2 #f2f5f8
grey-white #f9fbfdcc
Buttons
.t-button
.t-button--bgcolor .u-bg-[color]
.t-button .t-button--ghost
.t-button .t-button--small
.t-button .t-button--small .is-active
.t-button .t-button--arrow
.t-button .t-button--arrow .is-disabled
Links
.t-link
.t-link .t-link--inverted
.t-link
.t-link .t-link--white
.t-link .t-link--white
Badges
Badge promo
Badge promo small
Badge tags