إطار Tailwind CSS

متقدم: Tailwind v4 CSS-First Configuration

28 دقيقة الدرس 36 من 45

هذا الدرس يضيف تغطية متقدمة إلى Tailwind CSS اعتماداً على التوثيق الرسمي وممارسات الإنتاج العملية.

التركيز في هذا الدرس: using @import, @theme, and CSS-native customization.

@import "tailwindcss";
@theme { --color-brand: #2563eb; }

مرجع التوثيق: Tailwind CSS v4 installation and theme docs.

طبّق هذا الموضوع على صفحة أو API أو مكوّن موجود، ثم راجع النتيجة من ناحية قابلية الصيانة، الأمان، الأداء، وتجربة المستخدم.

إضافة من خبرة الإنتاج: لا تقيس نجاح الدرس من تشغيل المثال فقط، بل من وضوح القرار وسهولة اختباره وصيانته.

تجنب النسخ العشوائي من التوثيق. اربط كل خيار بسبب واضح في المشروع.

أضف هذا الموضوع إلى صندوق أدواتك كقرار هندسي يمكن شرحه، اختباره، ومراجعته.