Sass / SCSSأساسي
Correction d'une duplication de styles via héritage SCSS
السيناريو
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.
المهارات المستهدفة
scssextendplaceholderrefactor
حالات تطبيقية أخرى في Sass / SCSS
- 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خبير
- Création d'un système de typographie scalable avec fonctions SCSSمتقدم
- Conception d'un système de composants avec variantes dynamiques avancéesخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى