إن Tailwind CSS هو إطار عمل CSS ذو فائدة أولى ومليء بالفئات التي يمكن تأليفها لبناء أي تصميم، مباشرة في الترميز الخاص بك.

سمات:

المنفعة أولا:

Tailwind css هو إطار عمل CSS أولي يوفر فئات أدوات مساعدة منخفضة المستوى لإنشاء تصميمات مخصصة دون كتابة CSS. يتيح لنا هذا الأسلوب تنفيذ تصميم مكون مخصص تمامًا دون كتابة سطر واحد من CSS المخصص. "أنت لا تهدر طاقتك في اختراع أسماء الفئات".

تطهير المحتوى:

إنها عملية إزالة فئات CSS غير المستخدمة من ملف CSS النهائي الذي سيتم استخدامه في بيئة الإنتاج. إنها عملية تحسين يكون فيها حجم CSS النهائي أصغر وأسهل في الصيانة ويظهر أداءً محسنًا.

الأوامر:

تسطير:

underline 
underline-offset-
decoration-- //color for underline
decoration- // size of underline
decoration-

تصميم النص

text-- //color of text
text-opacity- //opacity of text
text- //size of text
text- //alignment of text

لون الخلفية

bg--

نصف القطر الحدودي

rounded- 

تصميم الخط

font-

مائل:

italic

الرؤية

إخفاء العناصر:

hidden

العرض (مقابل الإخفاء):

block

حشوة

p-   /* All sides */
px-  /* Horizontal (left and right) */
py-  /* Vertical (top and bottom) */
pl-  /* Left */
pr-  /* Right */
pt-  /* Top */
pb-  /* Bottom */

هامِش

m-   /* All sides */
mx-  /* Horizontal (left and right) */
my-  /* Vertical (top and bottom) */
ml-  /* Left */
mr-  /* Right */
mt-  /* Top */
mb-  /* Bottom */

فليكس بوكس

flex
flex- // row or column

ضبط المحتوى

justify-

محاذاة العناصر

items- //start,end,center

التصميم سريع الاستجابة

sm  /* Small devices */
md  /* Medium devices */
lg  /* Large devices */
xl  /* Extra large devices */

الحجم

h-
w-

الحدود

border
border-
border-

حالات التمرير

hover: