How to remove dividers from vertical menu?

[smartm0use]

Hello, according to this I'm using menu for creating a sidebar in one page of my web application:

I would like to use vertical menu with a variation: having items without dividing borders. I mean this:

Should Fomantic-UI menu collections offer a variation to users to have the same structure without borders? Perhaps using a new dedicated Fomantic-UI class, for example something like "plain" or "no-dividers"?

In the meanwhile what is the best way to remove dividers? I see that I can reach this unsetting position: relative for .ui.menu .item selector. Isn't it weird?

In addition this works bad in my case because I'm using nested items in my menu:

<div class="ui vertical menu">
    <div class="item">
        <div class="ui transparent icon input">
            <input type="text" placeholder="Model...">
            <i class="search icon"></i>
        </div>
    </div>
    <div class="item">
        RAM
        <a class="sub-item item">
            <div class="ui checkbox">
                <input type="checkbox" tabindex="0" class="hidden">
                <label>8 GB</label>
            </div>
            <div class="ui label">1</div>
        </a>
        <a class="sub-item item">
            <div class="ui checkbox">
                <input type="checkbox" tabindex="0" class="hidden">
                <label>16 GB</label>
            </div>
            <div class="ui label">1</div>
        </a>
    </div>

    <div class="item">
        Screen size
        <a class="sub-item item">
            <div class="ui checkbox">
                <input type="checkbox" tabindex="0" class="hidden">
                <label>13''</label>
            </div>
            <div class="ui label">1</div>
        </a>
        <a class="sub-item item">
            <div class="ui checkbox">
                <input type="checkbox" tabindex="0" class="hidden">
                <label>15''</label>
            </div>
            <div class="ui label">1</div>
        </a>
        <a class="sub-item item">
            <div class="ui checkbox">
                <input type="checkbox" tabindex="0" class="hidden">
                <label>17''</label>
            </div>
            <div class="ui label">1</div>
        </a>
    </div>
</div>

Do you know a better way to build what I need... and without dividers?

[lubber-de]

Try

.ui.vertical.menu .item:before {
    width:0;
}

[smartm0use]

It works and it is better then my solution.
What about adding a custom class to have it in Fomantic-UI menu collections?

[lubber-de]

Well, we already have secondary vertical menu which also does not have those lines.

[smartm0use]

This is definitely better. Thank you.