vanilla-css-design-system

Vanilla CSS Design System पूरी तरह से vanilla CSS के साथ बनाया गया एक मॉड्यूलर स्टाइलिंग फाउंडेशन है। इसका README अनावश्यक निर्भरताओं के बिना एक हल्के दृष्टिकोण, केवल आवश्यक भागों के आसान समावेश, CSS variables के माध्यम से थीमिंग, मोबाइल-फर्स्ट रिस्पॉन्सिवनेस और एक्सेसिबिलिटी के सर्वोत्तम अभ्यासों पर जोर देता है। दस्तावेज़ीकरण और लाइव उदाहरण GitHub Pages पर होस्ट किए गए हैं, जिसमें examples डायरेक्टरी को मुख्य डिज़ाइन सिस्टम दस्तावेज़ीकरण के रूप में लिंक किया गया है। त्वरित शुरुआत: रिपॉजिटरी को क्लोन करें, वैकल्पिक रूप से npm install चलाएं, फिर http://localhost:3000 पर स्थानीय डेवलपमेंट सर्वर के लिए npm run dev चलाएं। dev कमांड डेवलपमेंट मोड में स्विच करता है, CSS और टोकन फाइलों की निगरानी करता है, परिवर्तनों पर उन्हें रीबिल्ड करता है और ब्राउज़र को रिफ्रेश करता है। एक बिल्ट कंबाइंड फाइल को प्रोजेक्ट्स में styles/vanilla-combined.min.css के रूप में लिंक किया जा सकता है। build:css स्क्रिप्ट CSS को कंबाइन, पर्ज और मिनिफाई करती है। फॉर्मेट कन्वर्जन स्क्रिप्ट css2tokens और tokens2css, CSS और डिज़ाइन टोकन के बीच बदलाव करती हैं। अतिरिक्त स्क्रिप्ट्स वॉच मोड, CSS लिंटिंग और फिक्स, और उदाहरणों को डेवलपमेंट और प्रोडक्शन CSS फाइलों के बीच स्विच करने का काम करती हैं। वर्जन-टैग्ड कंबाइंड मिनिफाइड CSS फाइल के लिए एक CDN लिंक प्रदान किया गया है, ताकि उपयोगकर्ता इंस्टॉलेशन को छोड़कर इसे सीधे पेज में शामिल कर सकें। रिपॉजिटरी लेआउट styles, scripts, examples और tokens को अलग करता है, जिसमें रूट पर README और package.json होते हैं। यह प्रोजेक्ट स्टाइलिंग के लिए मॉड्यूलर आर्किटेक्चर के साथ vanilla CSS का उपयोग करता है, साथ ही निरंतर मानकों के लिए Stylelint, अप्रयुक्त CSS को हटाने के लिए PurgeCSS, मिनिफिकेशन के लिए Lightning CSS और परिवर्तनों की निगरानी के लिए Nodemon का उपयोग करता है। यह MIT लाइसेंस के तहत है और इश्यूज और पुल रिक्वेस्ट का स्वागत करता है। यह अवलोकन रिपॉजिटरी README में प्रलेखित क्षमताओं को दर्शाता है; यह वर्णित विवरणों के अलावा प्रदर्शन, गुणवत्ता या उपयुक्तता का मूल्यांकन नहीं करता है।