// @author    : Adarsh Pastakia
// @version   : 5.0.0
// @copyright : 2018
// @license   : MIT

.ui-toolbar {
  &--end {
    &, & > .ui-container {
      justify-content: flex-end;
    }
  }

  & > .ui-container {
    flex: 1;
  }

  &, & > .ui-container {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    padding: 2px 0;

    > .ui-text {
      padding: 0 ($base-spacing / 2);
    }

    > .ui-field {
      --min-width: 8rem;
      flex: 0 0 auto;
      grid-template-columns: auto minmax(var(--min-width), 1fr);

      .ui-field__label {
        grid-column: 1;
        width: auto;
      }

      .ui-input,
      .ui-input__info,
      .ui-field__wrapper {
        border: 0;
        grid-column: 2;
      }

      &--spring {
        .ui-input {
          border: 0;
          width: var(--min-width);

          &:focus-within {
            width: var(--max-width);
          }
        }
      }
    }

    > .ui-icon {
      font-size: 1.5em;
      padding: 0.1em;
    }

    > .ui-divider {
      margin: 4px;
    }
  }
}
