Tag-Symbole

[TheBestPessimist]

Aufzählungs-Tags + Tag-Farbe

Wenn du Aufzählungs-Tags verwendest und

• du dieselben Tag-Symbol- und Tag-Textfarben haben möchtest,
• du den Aufzählungspunkt nur anzeigen möchtest, wenn kein Tag-Symbol festgelegt ist,

hier ist meine Lösung für die Tags books und science-fiction:

Ergebnis:

1. Einrichtung der Komponente Tag icons (diese Komponente)

2. Einrichtung einer sekundären Komponente, die mit Tag Icons synchron gehalten werden muss
   In dieser Komponente erledigen wir zwei Dinge:
   1. Den Aufzählungspunkt für bestimmte Tags ausblenden
   2. Den Tag-Text in derselben Farbe wie das Symbol einfärben

Dafür erstellen wir eine neue Theme-Komponente: Tag Icons extra.
Im Abschnitt Common/CSS:

1. Füge das folgende Mixin hinzu (nur einmal erforderlich):

@mixin updateBulletTag ($col) {
    &.bullet {
        color: $col !important;
    }
    &.bullet::before {
        content: none !important;
    }
}

2. Für jeden Tag, den du bearbeiten möchtest, füge Folgendes ein und ersetze REPLACEMETAG durch den Tag-Namen und REPLACEMECOLOR durch dieselbe Farbe wie das Symbol:

[data-tag-name="REPLACEMETAG"] {
    @include updateBulletTag(REPLACEMECOLOR);
}