Tailwind कॉन्फ़िगरेशन जनरेटर
अपने ब्रांड रंगों, फ़ॉन्ट्स और कस्टम स्पेसिंग के साथ tailwind.config.js फ़ाइल बनाएं, बिना JavaScript ऑब्जेक्ट को हाथ से लिखे। 100% लोकल प्रोसेसिंग — कुछ भी सर्वर को नहीं भेजा जाता।
यह कैसे काम करता है
टेलविंड CSS कॉन्फ़िगरेशन ऑब्जेक्ट को मैन्युअल रूप से लिखने के बजाय, ऊपर दिए गए फ़ॉर्म में अपने ब्रांड रंग, फ़ॉन्ट फ़ैमिली और अतिरिक्त स्पेसिंग भरें: टूल वास्तविक समय में एक मान्य tailwind.config.js फ़ाइल तैयार करता है जिसमें सही ढंग से संरचित theme.extend सेक्शन होता है, जो आपकी मौजूदा फ़ाइल को बदलने के लिए तैयार है।
theme के बजाय theme.extend क्यों उपयोग करें?
अपने जोड़े गए मानों को theme.extend में रखने से Tailwind के सभी डिफ़ॉल्ट मान (रंग, आकार, मानक स्पेसिंग) बने रहते हैं, साथ ही आप अपने स्वयं के मान जोड़ सकते हैं; सीधे theme को फिर से परिभाषित करने से डिफ़ॉल्ट मान पूरी तरह बदल जाते हैं, जो शायद ही कभी वांछनीय होता है।
डार्क मोड विकल्प 'class' या 'media' का क्या अर्थ है?
class के साथ, डार्क मोड एक पैरेंट एलिमेंट (आमतौर पर <html>) पर dark क्लास जोड़कर सक्रिय होता है, जिसे JavaScript के माध्यम से मैन्युअल रूप से टॉगल किया जा सकता है; media के साथ, Tailwind स्वचालित रूप से उपयोगकर्ता की सिस्टम प्राथमिकता का पालन करता है, बिना किसी मैन्युअल नियंत्रण के।
कॉन्फ़िगरेशन फ़ाइल सीधे आपके ब्राउज़र में जनरेट होती है, बिना किसी सर्वर को डेटा भेजे।