Classe | Description |
---|---|
.padding |
Ajouter une marge intérieure en haut, à droite et à gauche. |
.removePadding |
Supprimer toutes les marges intérieures. |
.margin |
Ajouter une marge extérieure en bas à un élément de type block . |
.inlineMargin |
Ajouter une marge extérieure en bas et à droite à un élément de type inline-block . |
.removeMargin |
Supprimer toute les marges extérieures d'un élément |
.padding[L, XL, XXL] |
Ajouter une marge intérieure sur tous les cotés. |
.paddingTop |
Ajouter une marge intérieure en haut. |
.paddingBottom |
Ajouter une marge intérieure en bas. |
.margin[L, XL, XXL] |
Ajouter une marge extérieure en haut et en bas. |
.marginTop .marginTop[L, XL, XXL]
|
Ajouter une marge extérieure en haut. |
.marginBottom .marginBottom[L, XL, XXL]
|
Ajouter une marge extérieure en bas. |
Les éléments conteneurs (.container
, .sidebar
, .card
...) ont une marge intérieure en haut, à droite et à gauche.
Les éléments de type block
qui constituent du contenu (h1
, p
, button
...) ont une marge extérieur en bas.
Les éléments de type inline-block
qui constituent du contenu (button
...) ont une marge extérieur en bas et à droite.
Les colonnes d'une grille n'ont pas de marge intérieure. Utiliser les classes .gutter
et .card
.
Pas de marge extérieurs en haut par défault pour éviter les problème de fusion de marge.
Carte avec les classes paddingXXL
et marginXXL
.
<div class="card shadow paddingXXL marginXXL">
<p>Carte avec les classes <code>paddingXXL</code> et <code>marginXXL</code>.</p>
</div>