/* ===================================================
/* TAG-GROUPS
/* ===================================================

// =================================
// MIXINS
// =================================  
=create-tag-group
  display: flex
  flex:
    direction: row
    wrap: wrap
  justify-content: flex-start
  align-items: center  
  // Elements
  & > .tag
    margin:
      bottom: $tag-group-margin
      right: $tag-group-margin
    // Pseudo
    &:last-child
      margin-right: none
  // Modifiers
  // @NOTE: '.make-solid' is a temporary name
  // sass-lint:disable border-zero
  &.make-solid
    & > .tag
      // Pseudo
      &:not(:first-child)
        border:
          top-left-radius: 0
          bottom-left-radius: 0
      &:not(:last-child)
        margin-right: -1px
        border:
          top-right-radius: 0
          bottom-right-radius: 0
  // sass-lint:enable border-zero

// ====================================
// TAG-GROUPS
// ====================================
.tags
  +create-tag-group