Sumi.css é um framework CSS minimalista que prioriza o uso sem classes. Escreva HTML simples e semântico e ele terá uma aparência acabada. Adicione uma classe apenas quando quiser algo específico. O framework é distribuído em um único arquivo, sem etapa de build, com 6,7 KB minificado e compactado com gzip, sem JavaScript e sem dependências.
Sem classes por padrão, o Sumi estiliza títulos, formulários, tabelas, cards, acordeões, modais e navegação diretamente a partir do próprio elemento HTML. Ele oferece modo claro e escuro, seguindo automaticamente a configuração do sistema do visitante, enquanto o data-theme permite que os desenvolvedores forcem qualquer um dos modos.
A personalização é simples. Cada cor, fonte, tamanho e raio é uma propriedade personalizada do CSS. Os estilos dos elementos têm especificidade zero, de modo que o seu próprio CSS sempre prevalece, sem precisar de !important.
A acessibilidade é integrada, com anéis de foco visíveis, estados controlados por ARIA como aria-invalid, aria-busy e aria-current, e suporte para redução de movimento. Os desenvolvedores podem instalar o Sumi copiando o sumi.min.css para um projeto ou carregando-o do repositório pelo jsDelivr. O sumi.css não minificado está disponível durante o desenvolvimento, com comentários explicando cada seção.
Fonte: Hacker News · Resumido por HeadlinesBriefing