Zugriff auf die Kategorie-Farbe in SCSS

Unterstützung
5

@tjot,

Es ist möglich, einen CSS-Hack mit dem Rand des ::after-Pseudo-Elements durchzuführen, um den gewünschten Effekt zu erzielen.

.category-list tbody .category {
    border-left: none;
    position: relative;
    padding-left: 50px;

    > h3:first-child {
        border-width: 0;
        border-style: solid;
        border-color: inherit;

        &::after {
            content: "";
            width: 0px;
            height: 70%;
            position: absolute;
            border-radius: 20px;
            border-width: 10px;
            border-style: solid;
            border-color: inherit;
            top: 50%;
            transform: translateY(-50%);
            left: 10px;
        }
    }
}

image
image1080×738 130 KB

Beachten Sie, dass ich den Stil direkt auf das h3-Element des Titels angewendet habe, da es ein direktes Kind des td ist, auf das der Inline-Stil angewendet wurde. Wenn die Vorlage dies jemals entfernt, müssen Sie Ihr CSS anpassen.

Aber Sie können das Überschreiben von components/parent-category-row überspringen, wie Sie es wollten.