Marge

Espacement standard

Haut Droite Bas Gauche Haut et Bas
120px mb-xl
60px mb-l
30px pt-m mr-m mb-m
15px mb-s pl-s py-s
7px mr-xs mb-xs

Conteneur header et footer

header ou footer
<div class="px-tranche">
    header ou footer
</div>

Enfant d'un conteneur

S'applique aux enfants direct, quelle que soit la balise, sauf au premier enfant

1
2
3
<div class="d-flex mr-m__enfant">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>
1
2
3
<div class="d-flex ml-s__enfant">
    <div>1</div>
    <div>2</div>
    <div>3</div>
</div>