Les titres

Titre : .title-50 .title-50 Titre 2 : .title-40 .title-40
Les titres Les titres

Les Typos

Font: ivy .font-ivy

50 (3.13rem) .text-50 40 (2.5rem) .text-40 20 (1.25rem) .text-20 16 (1rem) .text-16 14 (0.88rem) .text-14
.weight-light
 ivy 		.weight-light
 ivy 		.weight-light
 ivy 		.weight-light
 ivy 		.weight-light
 ivy
.weight-regular
 ivy 		.weight-regular
 ivy 		.weight-regular
 ivy 		.weight-regular
 ivy 		.weight-regular
 ivy
.weight-medium
 ivy 		.weight-medium
 ivy 		.weight-medium
 ivy 		.weight-medium
 ivy 		.weight-medium
 ivy

Les Couleurs

ivory .text-ivory
.bg-ivory 		sand .text-sand
.bg-sand 		porcelain .text-porcelain
.bg-porcelain 		soft-green .text-soft-green
.bg-soft-green 		deep-olive .text-deep-olive
.bg-deep-olive 		orange .text-orange
.bg-orange 		orange-muted .text-orange-muted
.bg-orange-muted

Les Boutons

.btn-light-orange .btn-light-olive .btn-light-orange-olive .btn-dark
(with icons)

Les Icons

Afficher un icon

{{ svg_icon('icon_name' }}

Liste des icons

Les Cards

Cards Post 

{{ include('cards/post.twig', {'post':post}) }}

Layout

Basique

.layout-maxed

            
                <div class="layout-maxed">
                    <div class="bg-primary">
                        <p>.layout-maxed</p>
                    </div>
                </div>

.layout-hero

            
                <div class="layout-maxed mb-20">
                    <div class="layout-hero bg-primary">
                        <p>.layout-hero</p>
                    </div>
                </div>