প্রকল্প সম্পর্কে

Spruce CSS হলো Sass-এর উপর ভিত্তি করে তৈরি একটি ওপেন-সোর্স CSS ডিজাইন সিস্টেম এবং ফ্রেমওয়ার্ক। এটি npm-এর মাধ্যমে বিতরণ করা হয় এবং MIT লাইসেন্সের অধীনে প্রকাশিত হয়েছে। এটি নিজেকে একটি লো-লেভেল ফাউন্ডেশন হিসেবে উপস্থাপন করে যা কোনো প্রজেক্টে যুক্ত করা যেতে পারে, এটি কোনো সম্পূর্ণ কম্পোনেন্ট কিট নয়। README এবং ডকুমেন্টেশনে বর্ণিত বৈশিষ্ট্যসমূহ: - Sass-ভিত্তিক টুলিং: এই ফ্রেমওয়ার্কটি Sass ভেরিয়েবল, মিক্সিন এবং ফাংশনের চারপাশে তৈরি এবং এটি Sass মডিউল সিস্টেম গ্রহণ করেছে, যেখানে ইমপোর্ট করার জন্য নেমস্পেসিং-এর সাথে @use ব্যবহার করা হয়। - সীমিত ইউটিলিটি সারফেস: এটি ইচ্ছাকৃতভাবে মাত্র কয়েকটি ক্লাসিক ইউটিলিটি ক্লাসের উপর নির্ভর করে এবং README অনুযায়ী, এতে কোনো ক্লাসিক গ্রিড সিস্টেম অন্তর্ভুক্ত নেই। প্রজেক্টটিতে উল্লেখ করা হয়েছে যে ফ্রেমওয়ার্কটি তুলনামূলকভাবে ছোট (gzipped আকারে প্রায় ৭ KB), যার কোডবেস ছোট এবং শেখার ধাপগুলো সহজ। - CSS লেখকদের জন্য লক্ষ্যিত: লেখকরা Spruce-কে তাদের জন্য একটি ভালো পছন্দ হিসেবে উপস্থাপন করেছেন যারা মার্কআপ-ভারী ইউটিলিটি ক্লাস কম্পোজ করার চেয়ে CSS লিখতে পছন্দ করেন। তারা এটিকে এমন কোড হিসেবে বর্ণনা করেছেন যা তারা এক প্রজেক্ট থেকে অন্য প্রজেক্টে ম্যানুয়ালি বহন করে নিয়ে যেতেন। - থিমিং: থিমগুলো CSS কাস্টম প্রপার্টি দিয়ে তৈরি এবং এতে ডার্ক মোড সাপোর্ট অন্তর্ভুক্ত রয়েছে; একইভাবে অন্যান্য কালার থিম তৈরি করা সম্ভব। - টুলস এবং আউটপুটের পৃথকীকরণ: জেনারেট করা CSS ফ্রেমওয়ার্ক থেকে আলাদা রাখা হয়, যাতে জেনারেট করা স্টাইলগুলো যুক্ত না করেই ভেরিয়েবল, মিক্সিন এবং ফাংশনগুলো ব্যবহার করা যায়। - ডকুমেন্টেশন থিম: ডকুমেন্টেশনে অ্যাক্সেসিবিলিটি এবং ইনক্লুসিভিটি, ইন্টারন্যাশনালাইজেশন এবং প্রিন্টের পাশাপাশি কাস্টমাইজেশন, Sass ফাউন্ডেশন এবং টাইপোগ্রাফি, টেবিল, বাটন, ফর্ম এবং মিডিয়ার জন্য এলিমেন্ট পেজগুলো কভার করা হয়েছে। - কম্পোনেন্টগুলো অন্যত্র অবস্থিত: ড্রপ-ইন UI কম্পোনেন্টগুলো কোর ফ্রেমওয়ার্কের ভেতরে নয়, বরং Spruce UI নামক একটি পৃথক প্রজেক্টে রক্ষণাবেক্ষণ করা হয়। শুরু করা: README-তে sprucecss.com ডকুমেন্টেশনের দিকে, বিশেষ করে ইনস্টলেশন পেজের দিকে নির্দেশ করা হয়েছে এবং উল্লেখ করা হয়েছে যে বিদ্যমান Sass ব্যবহারকারীদের জন্য প্রধান পরিবর্তনটি হলো নতুন মডিউল সিস্টেম। একটি সহযোগী Eleventy স্টার্টার টেমপ্লেট (sprucecss-eleventy-starter) একটি বেসিক কম্পাইল সেটআপসহ বয়লারপ্লেট প্রদান করে। আরও দুটি টেমপ্লেটের তালিকা দেওয়া হয়েছে: Spruce Docs, যা Eleventy দিয়ে তৈরি একটি ডকুমেন্টেশন টেমপ্লেট, এবং Root, যা স্ট্যান্ডার্ড ভিউ এবং অনেক কম্পোনেন্টসহ একটি অ্যাডমিনিস্ট্রেশন টেমপ্লেট। ডকুমেন্টেশন এবং অবদান: সম্পূর্ণ ডকুমেন্টেশন sprucecss.com-এ হোস্ট করা হয়েছে এবং একটি পৃথক রিপোজিটরিতে রক্ষণাবেক্ষণ করা হয়, যার সাথে ডকুমেন্টেশনে একটি কন্ট্রিবিউশন গাইড অন্তর্ভুক্ত রয়েছে। README-তে GitHub রিলিজ, npm প্যাকেজ এবং একটি টেস্ট ওয়ার্কফ্লোর লিঙ্ক দেওয়া হয়েছে এবং প্রজেক্টের নিজস্ব অ্যাসেটে ব্যবহৃত একটি লাইট/ডার্ক লোগোর কথা উল্লেখ করা হয়েছে।