Ага, понятно. ![]()
Вы всё ещё можете использовать чистое SCSS-решение с помощью слаг категорий:
Если вы хотите добавить переносы строк в тексте, вставьте \A внутрь текста и добавьте white-space: pre; в свойства псевдоэлемента :after.
$categories: "nature", "general";
$labels: "Все натуральное!\ANaturaaal!" "Другой текст";
@each $category, $label in zip($categories, $labels) {
body.category-#{$category} .category-heading .category-logo.aspect-image {
max-height: none;
&:after {
display: block;
content: $label;
font-size: 1.25em;
color: var(--primary-700);
white-space: pre;
text-align: center;
}
}
}

