كلاسات Tailwind المساعدة → CSS
خصوصية بالتصميم — يعمل بالكامل في متصفحك
الصق قائمة بكلاسات Tailwind المساعدة مع محدِّد، فيبني لك Toova قاعدة CSS مكافئة. تتفكك الكلاسات الحرة مثل p-[13px] أو [grid-template-columns:1fr_2fr] إلى تصاريح خام جاهزة لإدراجها مباشرة في ورقة الأنماط.
متى يفيد الاتجاه العكسي
تستعمل Tailwind للنماذج الأولية أحيانًا، ثم يطلب منك تسليم CSS — لرسالة تسويقية، أو ودجِت طرف ثالث، أو نظام إدارة محتوى لا يحمّل Tailwind. يطوي المحوّل قائمة الكلاسات في قاعدة واحدة تحت المحدِّد الذي اخترته، فتلصقه مباشرة دون إعادة تسمية أو تنظيف لمارك آب ساحة التجربة.
كيف تعود القيم الحرة
تحمل كلاسات Tailwind الحرة قيمتها مباشرة، فـ p-[13px] تعني padding: 13px و[grid-template-columns:1fr_2fr] تعني grid-template-columns: 1fr 2fr. يفكّ المحوّل الشكلين حرفيًا، فتحافظ كل قيمة شخصية صغتها عبر JIT على حالها دون جدول ربط إضافي.
الحدود والذهاب والإياب
تحتاج المتغيرات الاستجابية (md:flex) ومتغيرات الحالة (hover:bg-black) والوضع المظلم (dark:text-white) إلى أغلفة media query أو pseudo-class، ولذلك لا يُخرجها المحوّل بعد، فاحذفها قبل اللصق. تنزل رموز الثيمة (text-brand) على مقياس Tailwind الافتراضي، وإن خصّصت الثيمة فتوقّع تصاريح حرة. تقوم الكلاسات البسيطة برحلة كاملة نظيفة مع أداة CSS-to-Tailwind.
الأسئلة الشائعة
- ما الذي يجري تحويله؟
- كلاسات Tailwind الشائعة لـ spacing والألوان والطباعة وflex وposition، إضافة إلى أي شكل [value] أو [prop:value] حر. المتغيرات ليست مدعومة بعد.
- لماذا يطلب الأداة محدِّدًا؟
- الناتج قاعدة CSS واحدة، فاختيار المحدِّد يجعلك تلصقها مباشرة في ورقة الأنماط دون إعادة تسمية أو تغليف.
- هل تُدعَم المتغيرات الاستجابية وhover؟
- ليس بعد، إذ تحتاج إلى أغلفة media query أو pseudo-class. احذف البادئات md: وhover: وdark: قبل اللصق، وستجري الكلاسات الأساسية رحلة نظيفة.
- هل يعرف ثيمتي في Tailwind؟
- لا. نستخدم المقياس الافتراضي. تنزل القيم المخصصة في spacing أو الألوان كتصاريح حرة في الناتج، ومع ذلك تبقى ورقة الأنماط قابلة للعمل.
- هل يمكنني تمرير CSS عبر الأداة العكسية؟
- نعم. مع الكلاسات البسيطة تكون الرحلة متطابقة، وتنجو القيم الحرة، أما التصاريح غير المدعومة فتبقى كلاسات حرة عند الرجوع.
- هل يُرفع ما أدخله؟
- لا. تجري العملية كاملة داخل هذه التبويبة؛ لا ترى Toova قوائم الكلاسات أو محدِّداتك أو ناتجك.