Mit dem BASE (Mobile First) Projekt wurden diese Möglichkeiten nochmals immens erweitert. Darunter fällt unter anderem die Möglichkeit, zu angelegten CSS-Only Hauptvarianten und Untervarianten auch eigene Untervarianten für Pflegemasken zu nutzen.

Der Screenshot nebenan bildet die Maske zu den Darstellungsvarianten des Inhaltsbox Weblics^® ab (Auszug). Zu den Hauptvarianten können bereits vielfältige Einstellungen und Voreinstellungen gesetzt werden, welche durch die Untervarianten noch erweitert und verfeinert werden.

Reicht dies bei einem Projekt nicht aus, bieten bestimmte Weblics^® - darunter z.B. die Inhaltsbox, das Überschriften-Element und das Listen-Weblic^® - auch die Möglichkeit, die Untervarianten durch eigene Pflegemasken zu erweitern. Die CSS-Only-Eigenschaft hierzu funktioniert nach folgendem Schema:

Als Attribute können Sie die zur Pflege von textbasierten Daten verfügbaren Attribute nutzen. Diese können dafür verwendet werden, konkrete (eigene) Untervarianten zu nutzen oder auch, um ein Element um Data-Attribute zu erweitern. Dies ermöglicht auch ein Einbinden externer Plugins, welche über Data-Attribute angesprochen werden können.

Beispiele für mögliche Umsetzungen finden Sie in den Artikeln der weiterführenden Links beschrieben.