# Accedi al colore della categoria in SCSS

**URL:** <https://meta.discourse.org/t/access-category-color-in-scss/203501>\
**Category:** Support\
**Tags:** pr-welcome\
**Created:** [14 Settembre 2021, 11:00am UTC](https://meta.discourse.org/t/access-category-color-in-scss/203501 "2021-09-14T11:00:03Z")\
**Posts on this page:** 1\
**Showing post:** 5

<div class="post-metadata">

**Author:** ![saquetim](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/saquetim/32/116400_2.png) [@saquetim](https://meta.discourse.org/u/saquetim)\
**Post date:** [7 Gennaio 2022, 1:01pm UTC](https://meta.discourse.org/t/access-category-color-in-scss/203501/5 "2022-01-07T13:01:17Z")

</div>

@tjot,

È possibile fare un CSS hack con il bordo dello pseudo-elemento `::after` per ottenere l’effetto desiderato.

```css
.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](https://global.discourse-cdn.com/meta/original/3X/f/a/fa78ed4dd01133465bd6db8dfcc6a384ea5fdc2e.png)

Nota che ho applicato lo stile direttamente all’elemento `h3` del titolo perché è un figlio diretto del `td` a cui è stato applicato lo stile inline. Quindi, se il template dovesse eliminarlo, dovrai modificare il tuo CSS.

Ma puoi evitare di sovrascrivere `components/parent-category-row` come desideravi.

---

_[View the full topic](https://meta.discourse.org/t/access-category-color-in-scss/203501)._