tailwind

प्रयोगात्मक

@pantoken/tailwind — एक Tailwind CSS प्रीसेट जो Instructure डिज़ाइन टोकन्स को थीम में मैप करता है।

प्रत्येक टोकन को var(--instui-*) संदर्भ के रूप में एक्सपोज़ किया जाता है (किसी ठोस मान के रूप में नहीं), इसलिए Tailwind यूटिलिटीज़ जैसे bg-color-background-base वही CSS कस्टम प्रॉपर्टीज़ के माध्यम से थीम बनाते हैं जिन्हें @pantoken/css जारी करता है — लाइट/डार्क और हाई-कॉन्ट्रास्ट सभी काम करना जारी रखते हैं।