/* ===================================================
/* BUTTON-GROUPS
/* ===================================================

// =================================
// MIXINS
// =================================
=create-button-group
  display: flex
  flex:
    direction: row
    wrap: wrap
  justify-content: flex-start
  align-items: center  
  // Elements
  & > .button:not(.make-block)
    margin:
      bottom: $button-group-margin
      right: $button-group-margin
    // Pseudo
    &:last-child
      margin-right: none
  // Modifiers
  // @NOTE: '.make-solid' is a temporary name
  // sass-lint:disable border-zero
  &.make-solid
    & > .button:not(.make-block)
      // 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
  &.make-centered
    justify-content: center
  &.make-right
    justify-content: flex-end

// =================================
// BUTTON-GROUPS
// =================================
.buttons
  +create-button-group