Sumi.css ist ein minimalistisches CSS-Framework, das in erster Linie ohne Klassen auskommt. Schreiben Sie schlichtes, semantisches HTML, und es wirkt fertig. Fügen Sie nur dann eine Klasse hinzu, wenn Sie etwas Bestimmtes wünschen. Das Framework wird als einzelne Datei ohne Build-Schritt ausgeliefert, misst minifiziert und gzip-komprimiert 6,7 KB, verwendet kein JavaScript und hat keine Abhängigkeiten.
Standardmäßig klassenlos gestaltet Sumi Überschriften, Formulare, Tabellen, Karten, Akkordeons, Modale und Navigationen direkt über das HTML-Element selbst. Es unterstützt den hellen und den dunklen Modus und folgt automatisch der Systemeinstellung des Besuchers, während data-theme Entwicklern erlaubt, einen der beiden Modi zu erzwingen.
Die Gestaltung des Designs ist unkompliziert. Jede Farbe, Schriftart, Größe und jeder Eckradius ist eine benutzerdefinierte CSS-Eigenschaft. Elementstile haben keine Spezifität, sodass Ihr eigenes CSS stets Vorrang hat, ohne dass !important nötig ist.
Barrierefreiheit ist eingebaut, mit sichtbaren Fokusrahmen, durch ARIA gesteuerten Zuständen wie aria-invalid, aria-busy und aria-current sowie Unterstützung für reduzierte Bewegung. Entwickler können Sumi installieren, indem sie sumi.min.css in ein Projekt kopieren oder es über jsDelivr aus dem Repository laden. Die nicht minifizierte Datei sumi.css ist während der Entwicklung verfügbar, mit Kommentaren, die jeden Abschnitt erklären.
Quelle: Hacker News · Zusammengefasst von HeadlinesBriefing