ul.custom-list
    li.item lorem
    li.item lorem
    li.item lorem <br> lorem
    li.item lorem
        ul
            li lorem
            li lorem
            li lorem
    li.item lorem
    li.item lorem

.custom-list {
    position: relative;
    list-style: none;
    padding-left: 1em;
    margin-left: 1em;
    
    &::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: .5em;
        height: calc(100% - 1em);
        width: 2px;
        background: #000;
    }
    
    & > .item {
        position: relative;
    }
    
    & > .item::before {
        content: '';
        display: block;
        position: absolute;
        left: -1em;
        top: .5em;
        height: 2px;
        width: .7em;
        background: #000;
    }
}