Sumi.css একটি মিনিমালিস্ট CSS ফ্রেমওয়ার্ক, যা প্রথমেই ক্লাসবিহীন ব্যবহারের জন্য তৈরি। সাধারণ, সিম্যান্টিক HTML লিখুন, আর তা সম্পূর্ণ দেখাবে। শুধু কোনো নির্দিষ্ট কিছু চাইলেই ক্লাস যোগ করুন। ফ্রেমওয়ার্কটি একটিমাত্র ফাইলে আসে, এতে কোনো বিল্ড ধাপ নেই, মিনিফাই ও gzip করার পর এর আকার 6.7 KB, এতে কোনো JavaScript নেই এবং কোনো নির্ভরতাও নেই।
ডিফল্টভাবে ক্লাসবিহীন থাকায়, Sumi শুধু HTML এলিমেন্ট থেকেই শিরোনাম, ফর্ম, টেবিল, কার্ড, অ্যাকর্ডিয়ন, মোডাল ও নেভিগেশনকে সরাসরি স্টাইল করে। এটি লাইট ও ডার্ক মোড সমর্থন করে এবং দর্শকের সিস্টেম সেটিং স্বয়ংক্রিয়ভাবে অনুসরণ করে, আর data-theme ব্যবহার করে ডেভেলপাররা যেকোনো একটি মোড জোর করে বেছে নিতে পারেন।
থিমিং সহজ। প্রতিটি রং, ফন্ট, আকার ও ব্যাসার্ধ একটি করে CSS কাস্টম প্রপার্টি। এলিমেন্ট স্টাইলের স্পেসিফিসিটি শূন্য, তাই !important ছাড়াই আপনার নিজের CSS সর্বদা কার্যকর হয়।
অ্যাক্সেসিবিলিটি অন্তর্নির্মিত, যাতে রয়েছে দৃশ্যমান ফোকাস রিং, aria-invalid, aria-busy ও aria-current-এর মতো ARIA-চালিত অবস্থা এবং reduced motion-এর সমর্থন। ডেভেলপাররা sumi.min.css প্রকল্পে কপি করে অথবা jsDelivr-এর মাধ্যমে রিপোজিটরি থেকে লোড করে Sumi ইনস্টল করতে পারেন। উন্নয়নের সময় মিনিফাই না করা sumi.css পাওয়া যায়, যাতে প্রতিটি অংশ ব্যাখ্যাকারী মন্তব্য থাকে।
উৎস: Hacker News · সারাংশ: HeadlinesBriefing