عن المشروع

Sakura هو إطار عمل CSS بسيط وبدون فئات (classless) وسمة. فكرته الأساسية هي أن تضع ملف أنماط واحدًا في أي صفحة ويب، فتبدو HTML العادية الموجودة حديثة وقابلة للقراءة فورًا، دون إضافة أي أسماء فئات إلى الترميز الخاص بك. الخصائص الرئيسية: - بدون فئات: تُطبق الأنماط على عناصر HTML القياسية، لذا يعمل على المحتوى الموجود وعلى HTML الناتج عن محللات Markdown. - نمذجة سريعة: مفيد للمواقع التي تعتمد على الواجهة الخلفية، أو المدونات الصغيرة، أو الصفحات التي لا تريد فيها التعامل مع CSS. - إعدادات افتراضية معقولة: يُوصف كمجموعة من الإعدادات الافتراضية الحسنة بدلاً من نظام تصميم كبير. - التسمية: تتحكم المتغيرات في الألوان بنظام ثنائي اللون (لون الزهرة ولون الباهت، بالإضافة إلى الخلفية والخلفية البديلة وألوان النص). تتوفر عدة سمات جاهزة في مجلد css، ويمكن بناء سمات مخصصة عن طريق تجاوز متغيرات SCSS واستيراد الملف الرئيسي. - الوضع الداكن: يمكن تحميل ملف أنماط داكن منفصل باستخدام خاصية media مع prefers-color-scheme. - إشارة مرجعية: تتوفر إشارة مرجعية لتطبيق Sakura على المواقع الحالية التي لا تحتوي على CSS. خيارات التثبيت الموثقة في README: - CDN: اربط ملف الأنماط من jsDelivr في وسم head. - يدويًا: نزّل sakura.css واربطه محليًا. - مديرو الحزم: npm install sakura.css أو yarn add sakura.css. - اختياري لكن موصى به: قم بتضمين normalize.css قبل Sakura. يربط README بعرض تجريبي مباشر يقارن صفحة مع وبدون Sakura، ومدونة تستخدمه، وقائمة طويلة من المواقع المذكورة كأنها تستخدمه. كما يذكر المساهمين في الإشارة المرجعية ومعاينات الصور وVite، ويدعو المستخدمين للإبلاغ عن استخدامهم أو فتح طلب سحب.