Correction d'une duplication de styles via héritage SCSS

Scénario

Contexte : Plusieurs composants partagent les mêmes propriétés CSS (padding, border-radius, box-shadow). Le Problème : Les styles sont copiés-collés dans plusieurs classes. Contraintes : Utiliser @extend ou placeholder selectors (%). Code actuel : .card { padding: 20px; border-radius: 8px; } .panel { padding: 20px; border-radius: 8px; } Livrable attendu : Refactoriser le code en utilisant un placeholder SCSS pour éviter la duplication.

Compétences ciblées