Customization
These utility classes allow you to quickly apply brand colors, font sizes, and font weights to any text, without writing additional CSS.
All the classes below can be used directly in the class attribute (or className in React).
All Text Colors
Primary: Couleur primaire appliquée.
Secondary: Couleur secondaire appliquée.
Danger: Une erreur s'est produite, veuillez réessayer.
Success: Votre profil a été mis à jour avec succès.
Info: Cette action n'est pas finale, vous pouvez annuler plus tard.
Warning: Attention, cette action est irréversible.
Inactive: Ce champ est actuellement désactivé.
<p class="ig-brand-primary">Primary: Couleur primaire appliquée.</p>
<p class="ig-brand-secondary">Secondary: Couleur secondaire appliquée.</p>
<p class="ig-text-danger">Danger: Une erreur s'est produite, veuillez réessayer.</p>
<p class="ig-text-success">Success: Votre profil a été mis à jour avec succès.</p>
<p class="ig-text-info">Info: Cette action n'est pas finale, vous pouvez annuler plus tard.</p>
<p class="ig-text-warning">Warning: Attention, cette action est irréversible.</p>
<p class="ig-text-inactive">Inactive: Ce champ est actuellement désactivé.</p>
<p class="ig-text-dark">Dark: Couleur de texte par défaut (sombre).</p>
All Font Sizes
XS Font Size
SM Font Size
MD Font Size
LG Font Size
XL Font Size
XXL Font Size
<p class="ig-brand-font-size-xs"> XS Font Size </p>
<p class="ig-brand-font-size-sm"> SM Font Size </p>
<p class="ig-brand-font-size-md"> MD Font Size </p>
<p class="ig-brand-font-size-lg"> LG Font Size </p>
<p class="ig-brand-font-size-xl"> XL Font Size </p>
<p class="ig-brand-font-size-xxl"> XXL Font Size </p>
All Font Weights
XS Font Weight
SM Font Weight
MD Font Weight
LG Font Weight
XL Font Weight
<p class="ig-brand-font-weight-xs"> XS Font Weight </p>
<p class="ig-brand-font-weight-sm"> SM Font Weight </p>
<p class="ig-brand-font-weight-md"> MD Font Weight </p>
<p class="ig-brand-font-weight-lg"> LG Font Weight </p>
<p class="ig-brand-font-weight-xl"> XL Font Weight </p>