vanilla-css-design-system

Vanilla CSS Design System ایک ماڈیولر اسٹائلنگ بنیاد ہے جو مکمل طور پر vanilla CSS کے ساتھ تیار کی گئی ہے۔ اس کا README غیر ضروری dependencies کے بغیر ایک ہلکے پھلکے طریقہ کار، صرف ضرورت کے حصوں کو شامل کرنے کی سہولت، CSS variables کے ذریعے تھیمنگ، موبائل فرسٹ ریسپانسو ڈیزائن، اور accessibility کے بہترین طریقوں پر روشنی ڈالتا ہے۔ دستاویزات اور لائیو مثالیں GitHub Pages پر موجود ہیں، جہاں examples ڈائریکٹری کو ڈیزائن سسٹم کی مرکزی دستاویزات کے طور پر لنک کیا گیا ہے۔ تیزی سے آغاز کے لیے: ریپوزٹری کو کلون کریں، اختیاری طور پر npm install چلائیں، اور پھر http://localhost:3000 پر مقامی ڈویلپمنٹ سرور کے لیے npm run dev چلائیں۔ dev کمانڈ ڈویلپمنٹ موڈ میں سوئچ کرتی ہے، CSS اور token فائلوں کی نگرانی کرتی ہے، تبدیلیوں پر دوبارہ بلڈ کرتی ہے، اور براؤزر کو ریفریش کرتی ہے۔ ایک بلٹ کمبائنڈ فائل کو پروجیکٹس میں styles/vanilla-combined.min.css کے طور پر لنک کیا جا سکتا ہے۔ build:css اسکرپٹ CSS کو یکجا، purge اور minify کرتا ہے۔ فارمیٹ کنورژن اسکرپٹس css2tokens اور tokens2css، CSS اور ڈیزائن ٹوکنز کے درمیان تبدیلی کرتے ہیں۔ اضافی اسکرپٹس واچ موڈ، CSS linting اور اصلاحات، اور مثالوں کو ڈویلپمنٹ اور پروڈکشن CSS فائلوں کے درمیان سوئچ کرنے کا کام کرتے ہیں۔ ورژن ٹیگ شدہ کمبائنڈ minified CSS فائل کے لیے ایک CDN لنک فراہم کیا گیا ہے، تاکہ صارفین انسٹالیشن کے بغیر اسے براہ راست پیج میں شامل کر سکیں۔ ریپوزٹری کا لے آؤٹ اسٹائلز، اسکرپٹس، مثالوں اور ٹوکنز کو الگ کرتا ہے، جبکہ README اور package.json جڑ (root) پر موجود ہیں۔ یہ پروجیکٹ اسٹائلنگ کے لیے ماڈیولر آرکیٹیکچر کے ساتھ vanilla CSS، مستقل معیارات کے لیے Stylelint، غیر استعمال شدہ CSS کو ہٹانے کے لیے PurgeCSS، minification کے لیے Lightning CSS، اور تبدیلیوں کی نگرانی کے لیے Nodemon استعمال کرتا ہے۔ یہ MIT لائسنس کے تحت ہے اور issues اور pull requests کی دعوت دیتا ہے۔ یہ جائزہ ریپوزٹری README میں بیان کردہ صلاحیتوں کی عکاسی کرتا ہے؛ یہ ان کے علاوہ کارکردگی، معیار یا موزونیت کا جائزہ نہیں لیتا۔