Styleguide

Grid

col
col
col
col
col
col
col
col
col
col
col
col

Font/Typo

t-title
.t-title
t-subtitle
.t-subtitle

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt corporis deleniti adipisci molestiae explicabo consectetur eaque consequatur vitae ut incidunt, aliquam debitis repudiandae est libero sapiente eos nesciunt iure amet!

.t-text

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id ipsum harum eos totam maxime facere error dolorum, quas quisquam voluptatum qui explicabo ad laudantium aliquid ipsam itaque quasi delectus, consectetur dicta nulla voluptate? Earum cupiditate maiores, suscipit quas doloremque, minus aliquid numquam quibusdam blanditiis velit cum, quisquam totam molestiae alias.

.t-text--uppercase

Colors

$black : #111111
$white : #ffffff
$brown : #6d4833
$brown-light : rgba($brown, .6)
$gold : #bd8f68
$green : #b8cdc4
$beige : #f7f3e9
$black-50 : #888888
$grey : #efefef
$red : #c0392b

Icons

#icon-search
#icon-marker
#icon-person
#icon-person
#icon-cart
#icon-egg
#icon-glutten
#icon-milk
#icon-cocarde
#icon-fb
#icon-insta

button/Link

Je suis un lien .t-link--uppercase
.c-button .c-button--green
.c-button .c-button--brown

Checkbox/radio

.t-checkbox
.t-checkbox disabled

Input

Tag

Tag Boutique
.c-tag
Tag Darlab
.c-tag .c-tag--full

Cat

Pâtisserie .c-box
Pâtisserie .c-box.is-active

Tooltip

Tooltip
Rechercher
.c-tooltip

Lazyload

Yann Couvreur
Yann Couvreur