Acceder al color de la categoría en SCSS

Soporte
5

@tjot,

Es posible hacer un truco de CSS con el borde del pseudo-elemento ::after para obtener el efecto que deseas.

.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

Ten en cuenta que he aplicado el estilo directamente al elemento h3 del título porque es un hijo directo del td en el que se aplicó el estilo en línea. Por lo tanto, si la plantilla alguna vez se deshace de él, tendrás que ajustar tu CSS.

Pero puedes omitir la anulación de components/parent-category-row como querías.