Elenco Categorie con Banner

[manuel (Manuel Kostka)]

Certamente, puoi stilizzare i banner usando queste classi:

@manuel

Per aggiungere stili puoi selezionare la classe generale, così come banner specifici per category-id:

.category list .category-list-banner {
  &.category-5 { [stila un banner specifico] }
  &:after { [stila le intestazioni]}
}

Se vuoi sovrascrivere le dichiarazioni esistenti sulla classe generale, dovrai usare la proprietà !important. Ad esempio, per gli stili che hai menzionato:

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

Questo perché gli stili sono effettivamente dichiarati sui banner specifici. Immagino che potrei migliorarlo nel componente, ma per ora dovresti sovrascrivere con important.