Marges et espacements

Marge extérieure

Associer une portée et une taille : margin-bottom margin-large.

margin-none
margin-left | margin-top | margin-right | margin-bottom
margin-horizontal | margin-vertical | margin-all
margin-small | margin-medium | margin-large

Espacement intérieur

La même convention s’applique au contenu : padding-all-medium.

Valeurs par défaut d’une carte : marge horizontale nulle, marge verticale moyenne et padding-all-medium. Les classes explicites conservent toujours la priorité.

padding-none
padding-left | padding-top | padding-right | padding-bottom
padding-horizontal | padding-vertical | padding-all
padding-small | padding-medium | padding-large
padding-all-medium

Valeurs par défaut d’un tableau : margin-horizontal-none, margin-vertical-medium et radius-medium. Ces valeurs s’appliquent au conteneur canonique .table-component, qui porte la référence table-*.