/**
 *  components: group
 *
 *  <nav>
 *      <ul class="group group--horizontal">
 *          <li class="group__item"></li>
 *      <ul>
 *  </nav>
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/crispy-css
 *
 */

$crispy__group__margin: 0 0.5em 0 !default;
$crispy__group__character: '/' !default;

@mixin crispy__group() {
    .group {
        @include crispy__clearlist();
        display: inline-block;

        .group__item {
            display: inline-block;
            margin: $crispy__group__margin;

            &:first-child {
                margin-left: 0;
            }

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

        &--hr {
            .group__item {
                margin: 0;

                &:after {
                    margin: $crispy__group__margin;
                    content: $crispy__group__character;
                }

                &:last-child {
                    &:after {
                        display: none;
                    }
                }
            }
        }
    }
}
