toggle-corp/react-store

.list-item {
    outline: 0;
    border: 0;
    border-bottom: var(--width-separator-thin) solid var(--color-separator);
    border-left: var(--width-separator-thick) solid transparent;
    background-color: transparent;
    cursor: pointer;
    padding: var(--spacing-small);
    width: 100%;
    text-align: left;
    font-family: inherit;
    font-size: inherit;

    &.active {
        border-left: var(--width-separator-thick) solid var(--color-accent);
        background-color: var(--color-background-accent-hint);
    }

    &:hover {
        background-color: var(--color-background-hover);
    }
}