Kategorienliste mit Bannern

[manuel (Manuel Kostka)]

Ja sicher, du kannst die Banner mit diesen Klassen gestalten:

@manuel

Um Stile hinzuzufügen, kannst du die allgemeine Klasse sowie spezifische Banner nach Kategorie-ID auswählen:

.category list .category-list-banner {
  &.category-5 { [einen spezifischen Banner gestalten] }
  &:after { [die Überschriften gestalten]}
}

Wenn du bestehende Deklarationen auf der allgemeinen Klasse überschreiben möchtest, müsstest du die !important-Eigenschaft verwenden. Z. B. für die von dir erwähnten Stile:

.category-list .category-list-banner {
    justify-content: flex-start !important;
    min-height: unset !important;
    &:after {
        font-size: var(--font-up-3) !important;
    }
}

Das liegt daran, dass die Stile tatsächlich auf den spezifischen Bannern deklariert sind. Ich könnte das in der Komponente verbessern, aber vorerst müsstest du mit important überschreiben.