Installation du package : ```bash npm i @amsom-habitat/bootstrap-5 ```
npm install @amsom-habitat/bootstrap-5Installation du package :
``bash`
npm i @amsom-habitat/bootstrap-5
Utilisation :
`javascript
// generique (amsom)
import '@amsom-habitat/bootstrap-5/dist/bootstrap.min.css'
// specifique (que bdsh pour le moment)
import '@amsom-habitat/bootstrap-5/dist/bootstrap.bdsh.min.css'
`
Il est possible de faire un import conditionnel pour ne charger que le css nécessaire :
`javascript`
const company = import.meta.env.VITE_COMPANY;
if (company === "bdsh") {
import('@amsom-habitat/bootstrap-5/dist/bootstrap.bdsh.min.css')
} else {
import('@amsom-habitat/bootstrap-5/dist/bootstrap.min.css')
}
Nouvelles classes :
- bg-linear bg- : Cette classe permet de définir un dégradé linéaire entre deux couleurs sur un fond. Exemple : .bg-linear .bg-primary-to-secondary ou .bg-linear .bg-primary-to-secondary.bg-sm-to-mdfs-7
- : Taille de police 7fs-8
- : Taille de police 8hoverable
- : Ajoute un pointeur de souris sur l'élément au survol
Modification de classes existantes :
- Toutes les couleurs telles que success, primary etc... sont adapté à la charte des offices
- Les arrondis des cartes, des boutons et du rounded`