Tailwind से CSS
रिस्पॉन्सिव और स्टेट सपोर्ट के साथ Tailwind CSS यूटिलिटी क्लास को समतुल्य वनीला CSS डिक्लेरेशन में बदलें।
विशेषताएँ
तुरंत रूपांतरण
जैसे-जैसे आप टाइप करते हैं, वैसे-वैसे रीयल-टाइम रूपांतरण होता है। किसी बटन की ज़रूरत नहीं, परिणाम तुरंत दिखाई देते हैं।
रिस्पॉन्सिव और स्टेट
sm:, md:, lg:, xl:, 2xl: ब्रेकप्वाइंट और hover:, focus:, active: स्टेट वैरिएंट को संभालता है।
मनमाने मान
w-[200px], p-[1.5rem] और text-[14px] जैसे मनमाने मान सिंटैक्स का समर्थन करता है।
और जानें
Tailwind यूटिलिटी क्लास को वैनिला CSS में बदलें। देखें कि प्रत्येक क्लास क्या करती है और जानें कि सादे CSS का उपयोग कब करें।
Tailwind CSS क्या है और इसे क्यों बदलें
Tailwind CSS एक utility-first CSS फ्रेमवर्क है जो डेवलपर्स को HTML में सीधे छोटी, एकल-उद्देश्यीय क्लासें लगाकर एलिमेंट्स को स्टाइल करने देता है। कस्टम CSS नियम लिखने के बजाय, आप flex, p-4, text-blue-500 और rounded-lg जैसे क्लास नामों का उपयोग करके इनलाइन स्टाइल बनाते हैं।