- Accueil
- > Recueil
- > Styleguide du site
- > Marge
Marge
1 mars 2021Espacement 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>