Classes utilitaires

Raccourcis pour la mise en page et le style sans écrire de CSS personnalisé. Préfixe bj- sur toutes les classes.

Affichage

Variantes responsives : préfixe du breakpoint puis type d’affichage, par ex. bj-d-md-flex, bj-d-lg-none (à partir de SM, MD, LG ou XL).

Classe	Description
`bj-flex-row / bj-flex-col`	Direction du conteneur flex
`bj-flex-wrap / bj-flex-nowrap`	Retour à la ligne
`bj-justify-start, bj-justify-center, bj-justify-end, bj-justify-between, bj-justify-around`	Axe principal
`bj-items-start, bj-items-center, bj-items-end, bj-items-stretch`	Axe transversal
`bj-self-start, bj-self-center, bj-self-end`	Alignement d’un élément
`bj-flex-1, bj-flex-auto, bj-flex-none`	Flexibilité
`bj-gap-1v … bj-gap-8v`	Écart entre enfants (jetons d’espacement)

ABC

Classe	Description
`bj-text-left, bj-text-center, bj-text-right`	Alignement
`bj-text-uppercase, bj-text-lowercase, bj-text-capitalize, bj-text-normal-case`	Casse
`bj-text-underline, bj-text-no-underline, bj-text-line-through`	Décoration
`bj-text-truncate`	Ellipse sur une ligne
`bj-text-break`	Césure de mots longs

Classe	Rôle
`bj-text-default, bj-text-title, bj-text-alt, bj-text-mention, bj-text-inverted`	Couleurs de texte sémantiques
`bj-text-action, bj-text-info, bj-text-success, bj-text-warning, bj-text-error, bj-text-accent`	États et accent
`bj-bg-default, bj-bg-alt, bj-bg-contrast, bj-bg-elevated`	Fonds neutres
`bj-bg-action, bj-bg-info, bj-bg-success, bj-bg-warning, bj-bg-error`	Fonds d’état

Classe	Description
`bj-sr-only`	Masqué visuellement, reste lu par les lecteurs d’écran
`bj-sr-only-focusable`	Pareil, visible au focus clavier (ex. « Aller au contenu »)
`bj-visible / bj-invisible`	visibility visible / hidden
`bj-hidden-sm, bj-hidden-md, bj-hidden-lg, bj-hidden-xl`	display: none à partir du breakpoint
`bj-visible-sm, … bj-visible-xl`	display: revert à partir du breakpoint