Sumi.css es un framework CSS minimalista que prioriza la ausencia de clases. Escribe HTML simple y semántico y tendrá un aspecto acabado. Añade una clase solo cuando quieras algo específico. El framework se distribuye como un único archivo sin paso de compilación, con un tamaño de 6,7 KB minificado y comprimido con gzip, sin JavaScript y sin dependencias.
Sin clases por defecto, Sumi da estilo a encabezados, formularios, tablas, tarjetas, acordeones, modales y navegación directamente desde el propio elemento HTML. Admite modo claro y oscuro, siguiendo automáticamente la configuración del sistema del visitante, mientras que data-theme permite a los desarrolladores forzar cualquiera de los dos modos.
La personalización es sencilla. Cada color, fuente, tamaño y radio es una propiedad personalizada de CSS. Los estilos de los elementos tienen especificidad cero, de modo que tu propio CSS siempre prevalece sin necesidad de !important.
La accesibilidad está integrada, con anillos de foco visibles, estados controlados por ARIA como aria-invalid, aria-busy y aria-current, y compatibilidad con la reducción de movimiento. Los desarrolladores pueden instalar Sumi copiando sumi.min.css en un proyecto o cargándolo desde el repositorio a través de jsDelivr. El archivo sumi.css sin minificar está disponible durante el desarrollo, con comentarios que explican cada sección.
Fuente: Hacker News · Resumido por HeadlinesBriefing