Sumi.css إطار عمل CSS بسيط يعتمد أولاً على غياب الفئات. اكتب HTML دلالياً وبسيطاً فيبدو النص مكتملاً. أضف فئة فقط عندما تريد شيئاً محدداً. يُقدَّم الإطار في ملف واحد دون خطوة بناء، ويبلغ حجمه 6.7 كيلوبايت بعد التصغير والضغط بصيغة gzip، ولا يحتوي على JavaScript ولا على أي تبعيات.
بدون فئات افتراضياً، يُنسّق Sumi العناوين والنماذج والجداول والبطاقات والأكورديون والنوافذ المنبثقة والتنقل مباشرةً من عنصر HTML وحده. يدعم الوضع الفاتح والوضع الداكن، فيتبع إعداد نظام الزائر تلقائياً، بينما تتيح خاصية data-theme للمطورين فرض أي من الوضعين.
تخصيص المظهر سهل. كل لون وخط وحجم ونصف قطر حواف هو خاصية CSS مخصصة. أنماط العناصر لا تملك أي خصوصية، لذا يتغلب CSS الخاص بك دائماً دون الحاجة إلى !important.
إمكانية الوصول مدمجة، مع حلقات تركيز مرئية، وحالات يقودها ARIA مثل aria-invalid وaria-busy وaria-current، ودعم لتقليل الحركة. يمكن للمطورين تثبيت Sumi بنسخ sumi.min.css إلى المشروع، أو تحميله من المستودع عبر jsDelivr. ملف sumi.css غير المصغّر متاح أثناء التطوير، مع تعليقات تشرح كل قسم.
المصدر: Hacker News · لخّصه HeadlinesBriefing