canvas-styling-conventions

| Tailwind CSS 4.1+ | Styling | | class-variance-authority (CVA) | Component variants | | clsx + tailwind-merge via cn() | Class name merging |

Only use these dependencies for styling. Do not add third-party CSS libraries or create new styling utilities.

Use cn() to merge Tailwind classes. It combines clsx for conditional classes with tailwind-merge to resolve conflicting utilities. Import from either source:

مكونات Style Canvas مع الرموز المميزة لموضوع Tailwind CSS 4 وأنماط المرافق المعتمدة. يُستخدم عند (1) إنشاء مكون جديد، (2) إضافة ألوان أو تصميم إلى المكونات، (3) العمل مع الرموز المميزة لموضوع Tailwind، (4) إضافة أو تحديث الرموز المميزة للتصميم في global.css، (5) إنشاء دعائم اللون/النمط، (6) أي تغيير يتم فيه إضافة/إزالة/إعادة تسمية/إعادة كتابة دعائم المكونات ويمكن أن يؤثر على الأنماط المعروضة. يغطي متغيرات @theme ومتغيرات CVA والأداة المساعدة cn(). المصدر: acquia/nebula.