Utilitaires CSS pour appliquer une couleur de fond sur n'importe quel élément.
Les classes .bg-{name} sont générées automatiquement
depuis la map $colors. Une classe
.bg-transparent est également disponible via token CSS.
.bg-primary.bg-secondary.bg-success.bg-warning.bg-danger.bg-info.bg-transparent
Les classes .bg-{name} sont générées à la compilation Sass via
@each $name, $value in $colors. Seules les couleurs déclarées dans
colors.$colors produisent une classe.
| CLASSE | PROPRIÉTÉ APPLIQUÉE | DESCRIPTION |
|---|---|---|
.bg-{name} |
background-color: {value} |
Applique la couleur correspondante de la map $colors en fond. |
.bg-transparent |
background-color: var(--transparent) |
Applique un fond transparent via token CSS. |
| TOKEN | RÔLE |
|---|---|
--transparent |
Valeur utilisée par .bg-transparent. Doit être défini dans le thème global. |
Pour ajouter une couleur de fond disponible en utilitaire, la déclarer dans la map
$colors — la classe .bg-{name}
correspondante sera générée automatiquement à la prochaine compilation.
Les classes .bg-{name} appliquent uniquement
background-color. Elles n'agissent pas sur la couleur du texte —
veillez à assurer un contraste suffisant avec les utilitaires de couleur de texte.
Background · WEBDEV-UI DOCS / V1