[Segment] Colored Segment Should Work in Segment Group

[tubia]

Hi,
I'm trying to understand if it's possible to have a group of segments with one or more of them coloured.
Something like this:

<div class="ui segments">
    <div class="ui red segment"></div>
    <div class="ui segment"></div>
    <div class="ui segment"></div>
</div>

Currently, this rule override the border-top colour:

.ui.segments:not(.horizontal) > .segment:first-child {
border-top: none;
//...
}

Is this the expected result?

Thank you!

[jlukic]

http://jsfiddle.net/4um1fbgo/

[kaurinz]

There seems to be some functional overlap between groups of segments, and attached segments. When the example above is implemented as a group of attached segments, it functions as expected.

Not sure if it would work for all use cases, but using attached segments might be an appropriate workaround.

[jlukic]

Fixed in 2.2.11