منصوبے کے بارے میں

Spruce CSS ایک اوپن سورس CSS ڈیزائن سسٹم اور فریم ورک ہے جو Sass پر بنایا گیا ہے۔ یہ npm کے ذریعے تقسیم کیا جاتا ہے اور MIT لائسنس کے تحت جاری کیا گیا ہے، اور یہ خود کو ایک لو لیول بنیاد کے طور پر پیش کرتا ہے جسے کسی پروجیکٹ میں شامل کیا جا سکتا ہے بجائے اس کے کہ یہ ایک مکمل کمپوننٹ کٹ ہو۔ README اور دستاویزات میں بیان کردہ خصوصیات: - Sass پر مبنی ٹولنگ: یہ فریم ورک Sass ویری ایبلز، مکسنز اور فنکشنز کے گرد بنایا گیا ہے، اور Sass ماڈیول سسٹم کو اپناتا ہے، جس میں امپورٹس کے لیے namespacing کے ساتھ @use کا استعمال کیا جاتا ہے۔ - چھوٹی یوٹیلیٹی سطح: یہ جان بوجھ کر صرف چند کلاسیکی یوٹیلیٹی کلاسز پر انحصار کرتا ہے اور README کے مطابق، اس میں کوئی کلاسیکی گرڈ سسٹم شامل نہیں ہے۔ پروجیکٹ کے مطابق یہ فریم ورک نسبتاً چھوٹا ہے (تقریباً 7 KB gzipped) جس کا کوڈ بیس کم ہے اور سیکھنے کا عمل آسان ہے۔ - CSS مصنفین کے لیے: مصنفین Spruce کو ان لوگوں کے لیے ایک اچھا انتخاب قرار دیتے ہیں جو مارک اپ سے بھرپور یوٹیلیٹی کلاسز کے بجائے CSS لکھنے کو ترجیح دیتے ہیں، اور اسے اس کوڈ کے طور پر بیان کرتے ہیں جسے وہ خود ایک پروجیکٹ سے دوسرے پروجیکٹ میں منتقل کرتے تھے۔ - تھیمنگ: تھیمز CSS کسٹم پراپرٹیز کے ساتھ بنائے گئے ہیں، اور ڈارک موڈ کی سپورٹ شامل ہے؛ اسی طریقے سے دیگر کلر تھیمز بھی بنائے جا سکتے ہیں۔ - ٹولز اور آؤٹ پٹ کی علیحدگی: تیار شدہ CSS کو فریم ورک سے الگ رکھا گیا ہے، تاکہ ویری ایبلز، مکسنز اور فنکشنز کو تیار شدہ اسٹائلز کے بغیر استعمال کیا جا سکے۔ - دستاویزات کے تھیمز: دستاویزات میں رسائی (accessibility) اور شمولیت، بین الاقوامیت اور پرنٹ کے ساتھ ساتھ کسٹمائزیشن، Sass بنیادوں اور ٹائپوگرافی، ٹیبلز، بٹنز، فارمز اور میڈیا کے لیے ایلیمنٹ صفحات شامل ہیں۔ - کمپوننٹس کہیں اور ہیں: ڈراپ ان UI کمپوننٹس کور فریم ورک کے اندر ہونے کے بجائے ایک علیحدہ پروجیکٹ، Spruce UI میں برقرار رکھے گئے ہیں۔ شروعات کرنا: README دستاویزات کے لیے sprucecss.com کی طرف اشارہ کرتا ہے، خاص طور پر انسٹالیشن پیج کی طرف، اور نوٹ کرتا ہے کہ موجودہ Sass صارفین کے لیے بنیادی تبدیلی نیا ماڈیول سسٹم ہے۔ ایک ساتھی Eleventy اسٹارٹر ٹیمپلیٹ (sprucecss-eleventy-starter) بنیادی کمپائل سیٹ اپ کے ساتھ ایک بوائلر پلیٹ فراہم کرتا ہے۔ دو مزید ٹیمپلیٹس درج ہیں: Spruce Docs، جو Eleventy سے بنایا گیا ایک ڈاکومنٹیشن ٹیمپلیٹ ہے، اور Root، جو معیاری ویوز اور بہت سے کمپوننٹس کے ساتھ ایک ایڈمنسٹریشن ٹیمپلیٹ ہے۔ دستاویزات اور تعاون: مکمل دستاویزات sprucecss.com پر ہوسٹ کی گئی ہیں اور ایک علیحدہ ریپوزٹری میں برقرار رکھی گئی ہیں، جس میں دستاویزات میں تعاون کی گائیڈ شامل ہے۔ README میں GitHub ریلیز، npm پیکیج اور ایک ٹیسٹ ورک فلو کے لنکس بھی ہیں، اور پروجیکٹ کے اپنے اثاثوں میں استعمال ہونے والے لائٹ/ڈارک لوگو کا ذکر کیا گیا ہے۔