Refactorisation de styles dupliqués avec variables SCSS
السيناريو
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é.
المهارات المستهدفة
حالات تطبيقية أخرى في Sass / SCSS
- Refactorisation d'une imbrication excessive avec stratégie BEMمتقدم
- Optimisation d'un système responsive complexe avec configuration centraliséeخبير
- Création d'un mixin avancé avec paramètres optionnelsمتقدم
- Conception d'un design system complet avec tokens et architecture scalableخبير
- Création d'un système de thèmes dynamiques basé sur maps SCSSمتقدم
- Conception d'un moteur de tokens multi-niveaux compatible variables CSS runtimeخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى
