1.1 Margins helpers
Vous pouvez ajouter des marges externes (margin) sur un élément en ajoutant les classes suivantes :
| Margin | Class |
| All | .amui-h-m-X |
| Top | .amui-h-mt-X |
| Bottom | .amui-h-mb-X |
| Left | .amui-h-ml-X |
| Right | .amui-h-mr-X |
| Vertical | .amui-h-mv-X |
| Horizontal | .amui-h-mh-X |
Où X est un des suffixes suivants:
none, xxxs, xxs, xs, sm, ms, md, ml, lg, xl, xxl, xxl
Voir les tailles des abréviations depuis la section : codeguidelinesSCSS
Pour les marges négatives, veuillez utiliser le tableau suivant :
| Margin | Class |
| All | .amui-h-m-n-X |
| Top | .amui-h-mt-n-X |
| Bottom | .amui-h-mb-n-X |
| Left | .amui-h-ml-n-X |
| Right | .amui-h-mr-n-X |
1.2 Paddings helpers
Vous pouvez ajouter des marges internes (padding) sur un élément en ajoutant les classes suivantes :
| Padding | Class |
| All | .amui-h-p-X |
| Top | .amui-h-pt-X |
| Bottom | .amui-h-pb-X |
| Left | .amui-h-pl-X |
| Right | .amui-h-pr-X |
| Vertical | .amui-h-pv-X |
| Horizontal | .amui-h-ph-X |
Où X est un des suffixes suivants:
none, xxxs, xxs, xs, sm, ms, md, ml, lg, xl, xxl, xxl
Voir les tailles des abréviations depuis la section : codeguidelinesSCSS
Pour les marges négatives, veuillez utiliser le tableau suivant :
| Margin | Class |
| All | .amui-h-p-n-X |
| Top | .amui-h-pt-n-X |
| Bottom | .amui-h-pb-n-X |
| Left | .amui-h-pl-n-X |
| Right | .amui-h-pr-n-X |
1.3 Text helpers
Text alignment class
| Alignment | Class |
| Left | .amui-h-text-left |
| Center | .amui-h-text-center |
| Right | .amui-h-text-right |
Text colors classes
| Color | Class |
| Success | .amui-h-text-success |
| Warning | .amui-h-text-warning |
| Danger | .amui-h-text-danger |
| Brand | .amui-h-text-brand |
| Draft | .amui-h-text-draft |
| Text transform | Class |
| Lowecase | .amui-h-text-lowercase |
| Uppercase | .amui-h-text-uppercase |
| Capitalize | .amui-h-text-capitalize |
Overflow classes
| Text overflow | Class |
| clip | .amui-h-text-clip |
| ellipsis | .amui-h-text-el |
1.4 Alignment helpers
| Vertical alignment | Class |
| Top | .amui-h-vertical-align-top |
| Middle | .amui-h-vertical-align-middle |
| Bottom | .amui-h-vertical-align-bottom |
1.5 Border helpers
| Border style | Class |
| Border top none | .amui-h-bt-none |
| Border bottom none | .amui-h-bb-none |
| Border left none | .amui-h-bl-none |
| Border right none | .amui-h-br-none |
1.6 Display helpers
| Display | Class |
| Display none | .amui-h-display-none |
| Display block | .amui-h-display-block |
| Display inline | .amui-h-display-inline |
| Display inline-block | .amui-h-display-inline-block |
| Display flex | .amui-h-display-flex |
| Display inline-flex | .amui-h-display-inline-flex |