/* ===================================================
/* INPUT-ADDONS
/* ===================================================

// ====================================
// MIXINS
// ====================================
=create-input-addons
  position: relative
  display: flex
  flex:
    direction: row
    wrap: nowrap
  width: 100%
  // Elements
  //--- INPUTS ---
  // sass-lint:disable border-zero
  .input,
  .select
    display: flex
    flex:
      grow: 1
      shrink: 0
      basis: 0
    line-height: $line-height
    // Pseudo
    &:first-child:not(:last-child)
      border:
        top-right-radius: 0
        bottom-right-radius: 0
    &:not(:first-child):not(:last-child)
      border-radius: 0
    &:last-child:not(:first-child)
      border:
        top-left-radius: 0
        bottom-left-radius: 0
  //--- BUTTONS ---
  .button
    display: flex
    flex: none
    z-index: $index-high
    // Pseudo
    &:first-child:not(:last-child)
      margin-right: -1px
      border:
        top-right-radius: 0
        bottom-right-radius: 0
    &:last-child:not(:first-child)
      margin-left: -1px
      border:
        top-left-radius: 0
        bottom-left-radius: 0
  // sass-lint:enable border-zero

// ====================================
// INPUT-ADDONS
// ====================================
.input-addon,
.input-addons
  +create-input-addons