Sumi.css adalah framework CSS minimalis yang mengutamakan penggunaan tanpa kelas. Tulis HTML yang sederhana dan semantik, dan tampilannya sudah terlihat jadi. Tambahkan kelas hanya ketika Anda menginginkan sesuatu yang spesifik. Framework ini dikemas dalam satu file tanpa langkah build, berukuran 6,7 KB setelah diminifikasi dan dikompresi gzip, tanpa JavaScript, dan tanpa dependensi.
Secara default tanpa kelas, Sumi memberi gaya pada judul, formulir, tabel, kartu, akordeon, modal, dan navigasi langsung dari elemen HTML itu sendiri. Framework ini mendukung mode terang dan gelap, secara otomatis mengikuti pengaturan sistem pengunjung, sementara data-theme memungkinkan pengembang memaksa salah satu mode.
Theming dibuat sederhana. Setiap warna, font, ukuran, dan radius adalah properti kustom CSS. Gaya elemen tidak memiliki spesifisitas, sehingga CSS Anda sendiri selalu menang tanpa perlu !important.
Aksesibilitas sudah tertanam, dengan cincin fokus yang terlihat, status berbasis ARIA seperti aria-invalid, aria-busy, dan aria-current, serta dukungan untuk gerakan yang dikurangi. Pengembang dapat memasang Sumi dengan menyalin sumi.min.css ke dalam proyek atau memuatnya dari repositori melalui jsDelivr. File sumi.css yang belum diminifikasi tersedia selama pengembangan, dengan komentar yang menjelaskan setiap bagian.
Sumber: Hacker News · Diringkas oleh HeadlinesBriefing