배너가 포함된 카테고리 목록

[manuel (Manuel Kostka)]

네, 맞아요. 이 클래스들을 사용해 배너를 스타일링할 수 있습니다:

@manuel

스타일을 추가하려면 일반 클래스뿐 아니라 카테고리 ID별로 특정 배너를 선택할 수 있습니다:

.category list .category-list-banner {
  &.category-5 { [특정 배너 스타일링] }
  &:after { [제목 스타일링]}
}

기존 일반 클래스의 선언을 덮어쓰려면 !important 속성을 사용해야 합니다. 예를 들어, 언급하신 스타일의 경우:

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

이는 해당 스타일이 실제로 특정 배너에 선언되어 있기 때문입니다. 컴포넌트에서 이 부분을 개선할 수는 있겠지만, 당분간은 important를 사용해 덮어써야 합니다.