Sumi.css est un framework CSS minimaliste qui privilégie l'absence de classes. Écrivez du HTML simple et sémantique, et il paraît fini. N'ajoutez une classe que lorsque vous voulez quelque chose de précis. Le framework est livré dans un seul fichier, sans étape de compilation, pèse 6,7 Ko minifié et compressé en gzip, n'utilise aucun JavaScript et n'a aucune dépendance.
Sans classes par défaut, Sumi met en forme les titres, formulaires, tableaux, cartes, accordéons, fenêtres modales et la navigation directement à partir du seul élément HTML. Il prend en charge les modes clair et sombre, en suivant automatiquement le paramètre système du visiteur, tandis que data-theme permet aux développeurs d'imposer l'un ou l'autre mode.
La personnalisation est simple. Chaque couleur, police, taille et rayon de bordure est une propriété personnalisée CSS. Les styles des éléments ont une spécificité nulle, de sorte que votre propre CSS l'emporte toujours sans recourir à !important.
L'accessibilité est intégrée, avec des anneaux de focus visibles, des états pilotés par ARIA comme aria-invalid, aria-busy et aria-current, et la prise en charge de la réduction des animations. Les développeurs peuvent installer Sumi en copiant sumi.min.css dans un projet ou en le chargeant depuis le dépôt via jsDelivr. Le fichier sumi.css non minifié est disponible pendant le développement, avec des commentaires expliquant chaque section.
Source: Hacker News · Résumé par HeadlinesBriefing