Retour aux cas pratiques
Sass / SCSSFondamental

Refactorisation de styles dupliqués avec variables SCSS

Scénario

Contexte : Vous reprenez une interface web dont les couleurs principales sont répétées dans plusieurs fichiers CSS. Le Problème : La couleur principale et la couleur secondaire sont écrites en dur à plusieurs endroits, rendant les modifications longues et risquées. Contraintes : Vous devez utiliser des variables SCSS uniquement. Aucun changement HTML autorisé. Code actuel : .button { background-color: #3498db; } .card-title { color: #3498db; } .alert { border-color: #3498db; } Livrable attendu : Refactoriser le code en utilisant des variables SCSS pour centraliser les couleurs et améliorer la maintenabilité.

Compétences ciblées

scssvariablesmaintainabilitystyles
    Refactorisation de styles dupliqués avec variables SCSS — mise en situation Sass / SCSS | CodeDuel