[Segment] A basic segment within .segments should be basic

[lubber-de]

Feature Request

Description

This PR try to fix a problem and add a new functionality :

• The fix : when we have a .ui.basic.segment inside of .ui.horizontal.segments, the basic segment doesn't loose the border and shadow.
• The new functionality : Add a .ui.basic.segments with s
  It comes in handy when we want to do something like this

.ui.horizontal.basic.segments>(.ui.basic.segment+.ui.basic.right.aligned.segment)

Edit: This is an example from my app

Before the PR
Jsfiddle example : https://jsfiddle.net/h4nycLoj/

After the PR

The markup used in the images

<div class="ui horizontal basic segments"> <!-- New functionality -->
    <div class="ui basic segment"> ... </div><!-- Fixed: basic segment shouldn't have borders -->

    <div class="ui basic right aligned segment"> ... </div><!-- Fixed: basic segment shouldn't have borders -->
</div>

Original SUI PR

Semantic-Org/Semantic-UI#4773

[prudho]

This is already fixed in #32 (original issue was Semantic-Org/Semantic-UI#3801).