Tailwind CSSخبير
Création d'un système de design tokens avancé avec configuration Tailwind
السيناريو
Contexte : Une entreprise souhaite centraliser ses couleurs, espacements et typographies dans la configuration Tailwind. Le Problème : Les classes utilisent des valeurs arbitraires incohérentes rendant la maintenance difficile. Contraintes : Modifier uniquement le fichier tailwind.config.js. Aucun CSS personnalisé. Livrable attendu : Mettre en place un système structuré de design tokens dans la configuration Tailwind (colors, spacing, fontSize) et démontrer leur utilisation cohérente.
المهارات المستهدفة
tailwindconfigurationdesignsystemtokensarchitecture
حالات تطبيقية أخرى في Tailwind CSS
- Création d'un bouton avec effet hover et transition fluideأساسي
- Implémentation d'un formulaire responsive cohérentمتقدم
- Création d'un header sticky avec Tailwindأساسي
- Implémentation d'un système de cartes responsive avec auto-fitمتقدم
- Création d'un layout en deux colonnes avec Flexboxأساسي
- Mise en place d'un système de dark mode natif Tailwindمتقدم
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى