/**
 *
 *  <div class="group">
 *      <span class="group__item">
 *          A
 *      </span>
 *  </div>
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/plain-ui
 *
 */

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

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