/**
 *
 *  <div class="group">
 *      <span class="group__item">
 *          A
 *      </span>
 *  </div>
 *
 *
 */

@mixin plain-ui__component__group()
{
    .group {
        &__item {
            width: auto;
            display: inline-block;
            margin: 0 1rem 1rem;

            &:last-child {
                margin-right: 0;
            }
        }
    }
}