عن المشروع

Spruce CSS هو نظام تصميم وإطار عمل CSS مفتوح المصدر مبني على Sass. يتم توزيعه عبر npm ومصدر تحت رخصة MIT، ويقدم نفسه كأساس منخفض المستوى يمكن إضافته إلى المشروع بدلاً من كونه مجموعة مكونات كاملة. الخصائص الموضحة في ملف README والوثائق: - أدوات تعتمد على Sass: تم بناء إطار العمل حول متغيرات Sass وmixins والدوال، ويعتمد نظام وحدات Sass، باستخدام @use مع تسمية النطاقات (namespacing) للاستيرادات. - سطح أدوات صغير: يعتمد الإطار عمدًا على عدد قليل من فئات الأدوات الكلاسيكية، ووفقًا لملف README، لا يتضمن نظام شبكة (grid system) كلاسيكي. يذكر المشروع أن إطار العمل صغير نسبيًا (حوالي 7 كيلوبايت مضغوطة) مع قاعدة كود صغيرة ومنحنى تعلم أقل. - موجه لمؤلفي CSS: يقدم المؤلفون Spruce كخيار جيد للأشخاص الذين يفضلون كتابة CSS بدلاً من تركيب فئات أدوات كثيفة في علامات التوصيف (markup)، واصفين إياه بأنه الكود الذي وجدوا أنفسهم ينقلونه يدويًا من مشروع إلى آخر. - السمات (Theming): يتم بناء السمات باستخدام خصائص CSS المخصصة، ويتضمن دعم الوضع الداكن؛ ويمكن إنشاء سمات ألوان أخرى بنفس الطريقة. - الفصل بين الأدوات والمخرجات: يتم الاحتفاظ بـ CSS الناتج منفصلاً عن إطار العمل، بحيث يمكن استخدام المتغيرات وmixins والدوال دون سحب الأنماط المولدة. - سمات التوثيق: تغطي الوثائق إمكانية الوصول والشمولية، والتدويل والطباعة، إلى جانب التخصيص، وأساسيات Sass وصفحات العناصر الخاصة بالطباعة، والجداول، والأزرار، والنماذج والوسائط. - المكونات في مكان آخر: يتم صيانة مكونات واجهة المستخدم الجاهزة في مشروع منفصل، Spruce UI، بدلاً من وجودها داخل إطار العمل الأساسي. البدء: يشير ملف README إلى توثيق sprucecss.com، وتحديداً صفحة التثبيت، ويلاحظ أن التغيير الرئيسي لمستخدمي Sass الحاليين هو نظام الوحدات الأحدث. يوفر قالب بداية Eleventy المصاحب (sprucecss-eleventy-starter) نموذجاً أولياً مع إعداد تجميع أساسي. تم إدراج قالبين إضافيين: Spruce Docs، وهو قالب توثيق مصنوع باستخدام Eleventy، وRoot، وهو قالب إدارة يحتوي على طرق عرض قياسية والعديد من المكونات. التوثيق والمساهمة: يتم استضافة التوثيق الكامل على sprucecss.com وصيانته في مستودع منفصل، مع تضمين دليل مساهمة في الوثائق. يربط ملف README أيضاً بإصدار GitHub، وحزمة npm وسير عمل الاختبار، ويذكر شعاراً فاتحاً/داكناً مستخدماً في أصول المشروع الخاصة.