Modularität als Waffe
Globale Rule-Sets
Ein modulares Design System sollte man von global zu lokal aufbauen.
Es reicht, wenn ich an einem Ort definiere «Grundsätzlich sind alle Schriften der Webseite in der Schriftfamilie «Work-Sans», schwarz und linksbündig gehalten.»
Eine solche Definition kann im CSS des Body-Elementes oder HTML-Element (root) geschrieben werden. So vererbt sich dieses Rule-Set auf alle Elemente der ganzen Webseite. So muss nie mehr beispielsweise Work-Sans als Schriftfamilie, Schwarz als Schriftfarbe oder die Linksbündigkeit eines Textes deklariert werden. Nur, wenn ein Element von dieser Regel abweicht.
Zuerst definiere ich die Norm und danach die Abweichung. Das hält das CSS Schlank.
