/**
 *
 *
 * @param {string} $primary-stylename (v-select) - 
 *
 * @group nativeselect
 */
@mixin valo-nativeselect ($primary-stylename: v-select) {
  .#{$primary-stylename} select {
    @include valo-nativeselect-select-style;
  }

  .#{$primary-stylename}-select {
    display: block;

    + .v-textfield {
      width: auto !important;
      margin-top: round($v-unit-size/4);

      + .v-nativebutton {
        margin-top: round($v-unit-size/4);
        margin-left: round($v-unit-size/4);
      }
    }
  }
  .#{$primary-stylename}-error {
    .#{$primary-stylename}-select {
      @include valo-textfield-error-style;
    }
  }
}

/**
 *
 *
 *
 * @group nativeselect
 */
@mixin valo-nativeselect-select-style {
  border: valo-border();
  @include valo-gradient;
  color: valo-font-color($v-background-color);

  &:focus {
    outline: none;
    @include valo-focus-style;
  }
}