Access category color in SCSS

Support
5

@tjot,

It is possible to do a CSS hack with the border of the ::after pseudo-element to get the effect that you want.

.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

Note that I’ve applied the style directly to the h3 element of the title because it is a direct child from the td in which the inline style was applied. So if the template ever get rid of it you will have to tweak your CSS.

But you can skip overriding the components/parent-category-row as you wanted.