Tailwind ረዳት በማንኛውም ድረ-ገጽ ላይ ማንኛውንም ኤለመንት ይፈትሻል እና ተዛማጅ Tailwind CSS ክፍሎች ጠቅላላ፣ የተደረደረ ክፍፍል ያመነጫል። ቀላል ክፍል ጽሁፍ ይልቅ ውጤቶችን በምድብ ያደራጃል — Layout፣ ስፔሲንግ፣ ታይፖግራፊ፣ ቀለሞች፣ ድንበሮች እና ውጤቶች — ማንኛውንም ክፍል ምን እንደሚቆጣጠር በትክክል ለመረዳት።
እንደ Tailwind ቅዳ ፈጣን ክፍል ጽሁፍ ለመለጠፍ ሲሰጥ Tailwind ረዳት ጥልቅ ጓደኛ ነው። ለ Tailwind ቃላት ውስጥ ኤለመንት ሙሉ ስታይል ውህድ ለመረዳት የሚፈልጉ ገንቢዎች ተገንብቷል። ማንኛውም ክፍል ያለው ስያሜ ጠቅ ያድርጉ ያንን ብቻ ለመቅዳት ወይም "ሁሉንም ቅዳ" ሙሉ ጽሁፍ ለማግኘት ይጠቀሙ።
Tailwind ክፍሎች ግልፅ ምድቦች ውስጥ ይደራጃሉ — Layout (flex፣ grid፣ position)፣ ስፔሲንግ (padding፣ margin፣ gap)፣ ታይፖግራፊ (font size፣ weight፣ color)፣ ቀለሞች (background፣ text፣ border)፣ ድንበሮች (radius፣ width) እና ውጤቶች (shadow፣ opacity)።
ማንኛውንም ኤለመንት ጠቅ ያድርጉ — ቁልፎች፣ ካርዶች፣ ርዕሶች፣ ግቤቶች — ፓነሉ ሙሉ Tailwind ክፍል ክፍፍል ወዲያውኑ ይሞላል። ኤለመንቱ ሐምራዊ ድንበር ይደመቃል።
ማንኛውም Tailwind ክፍል ሊጠቅ የሚችል ስያሜ ሆኖ ይታያል። ያንን ብቻ ለመቅዳት ማንኛውንም ስያሜ (እንደ p-5 ወይም font-bold) ጠቅ ያድርጉ።
ከታች ያለው "ሁሉንም ክፍሎች ቅዳ" ቁልፍ ንጹህ ክፍተት-ተለያይ Tailwind ክፍሎች ጽሁፍ ያመነጫል ወደ ቅንጥቦር ይቀዳል።
ማንኛውም ዋጋ ወደ Tailwind ነባሪ ስፔሲንግ እና መጠን ስኬል ይካርታል። 16px ፎንት ወደ text-base፣ 24px padding ወደ p-6 እና #7c3aed ወደ purple-600 ይካርታል።
በፓነል ውስጥ ማንኛውም Tailwind ክፍል ስያሜ ላይ hover ያድርጉ ከየትኛው ዋና CSS ዋጋ እንደተመነጨ ለማየት። ምሳ. "p-5" ላይ hover ማድረግ "padding: 20px" ያሳያል።
Tailwind ረዳት covers the following, organized by category:
flexgridblockinline-flexrelativeabsolutestickyitems-centerjustify-betweengap-*p-* (padding)m-* (margin)px-* py-*mx-autospace-x-*w-* h-*max-w-*min-h-*text-sm / text-base / text-lgfont-normal / font-boldleading-* (line-height)tracking-* (letter-spacing)text-centeruppercasetext-{color}-{shade}bg-{color}-{shade}border-{color}-{shade}opacity-*borderborder-2rounded-* (radius)border-solid / dasheddivide-*shadow-sm / shadow-md / shadow-lgring-*transitionduration-*hover:*ቀላል ክፍል ጽሁፍ ይልቅ የተደረደረ እይታ ኤለመንት ሙሉ ውህድ ለመረዳት ያስችላል — flex layout፣ ተኮር padding፣ ደፍ ታይፖግራፊ፣ slate ዳራ፣ ክብ ድንበሮች እና ስውር ጥላ ማንኛውም ገጽ በራሱ ክፍል።
በማንኛውም ድረ-ገጽ ላይ በሚያምር ሁኔታ የተነደፈ ኤለመንት ይፈትሹ ከዚያ ተዛማጅ ምድብ ክፍሎችን በመቅዳት በ Tailwind ፕሮጀክትዎ ውስጥ ዳግም ይፍጠሩ።
CSS ምንጭ ዋጋዎችን ለማየት ክፍል ስያሜዎች ላይ hover ያድርጉ — p-4 16px ማለት፣ text-lg 18px ማለት ለመማር ፈጣኑ መንገድ።
ከንድፍ ሥርዓት ወጥ ስፔሲንግ፣ ቀለሞች እና ታይፖግራፊ ጥቅም ላይ መዋላቸውን ለማረጋገጥ Tailwind ጣቢያዎ ኤለመንቶች ይፈትሹ።
ፈጣን ክፍል ጽሁፍ ሲፈልጉ Tailwind ቅዳ ይጠቀሙ። ክፍፍሉን ለማጥናት ወይም ክፍሎችን በምርጫ ለመቅዳት Tailwind ረዳት ይጠቀሙ።
የ DevSuite Pro ተንሳፋፊ ዶክ ይክፈቱ እና Tailwind ረዳት አዶን ጠቅ ያድርጉ።
በገጹ ላይ ማንኛውንም ኤለመንት ጠቅ ያድርጉ። ሐምራዊ ድንበር ይደመቃል ፓነሉ በተደረደሩ Tailwind ክፍሎች ይሞላል።
ኤለመንቱ ሙሉ ስታይል ውህድ ለመረዳት ምድቦቹን ያሰሱ። ማንኛውም ክፍል ሊጠቅ የሚችል ስያሜ ነው።
ተኮር ክፍሎችን ለመቅዳት የግለሰብ ስያሜዎች ጠቅ ያድርጉ ወይም ሁሉንም እንደ አንድ ጽሁፍ ለማግኘት "ሁሉንም ቅዳ" ይጠቀሙ።
ፓነሉን በአዲስ ክፍሎች ለማዘመን ሌላ ኤለመንት ጠቅ ያድርጉ። ማጥፋት አያስፈልግም — ብዙ ኤለመንቶችን ለመፈተሽ ጠቅ ይቀጥሉ።
DevSuite Pro ን በነፃ ይጫኑ እና 39+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።