$size: (name:'mini', font: $font-mini, height: $height-mini, padding: $space-mini),
(name:'small', font: $font-small, height: $height-small, padding: $space-small);

.efly-upload {
  @include box();
  height: $height-default;
  font-size: $font-default;

  @for $i from 1 through length($size) {
    $item: nth($size, $i);
    $name: map-get($item, name);
    $font: map-get($item, font);
    $height: map-get($item, height);
    $padding: map-get($item, padding);
    &.efly-upload-#{$name} {
      font-size: $font;
      height: $height;


      .efly-upload-file{
        padding: 0 $padding;
      }
    }
  }

  .efly-upload-label {
    @include box();
    @include flex-center();
    width: 90px;
    height: calc(100% - 2px);
    border: 1px solid $color-primary;
    color: $color-primary;
    background: $color-light-primary;

    border-radius: 4px 0 0 4px;
  }

  .efly-upload-file {
    @include box();
    @include flex-align-center();
    @include flex();
    @include box-sizing();
    position: relative;
    height: 100%;
    border-left: none;
    border-top: 1px solid $color-border-base;
    border-right: 1px solid $color-border-base;
    border-bottom: 1px solid $color-border-base;
    padding: 0 $space-default;
    cursor: pointer;
    border-radius: 0 4px 4px 0;

    .efly-upload-input {
      position: absolute;
      width: 100%;
      height: 100%;
      outline: none;
      left: 0;
      top: 0;
      opacity: 0;
      cursor: pointer;
    }
  }
}