.#{$prefix}form-text {
  background-image: none;
  background-repeat: no-repeat;
  background-attachment: fixed;
  @include border-radius($form-field-border-radius);
  vertical-align: middle;
  @include box-shadow(inset 0 1px 1px $form-field-inset-box-shadow-color);
}

// this not working yet!
.#{$prefix}form-readonly .#{$prefix}form-text {
  color: $form-field-disabled-color;
  background-color: $form-field-disabled-background-color;
  cursor: not-allowed;
}

.#{$prefix}form-focus {
  border-color: $form-field-focus-border-color;
  outline: 0;
  @include box-shadow(inset 0 1px 1px $form-field-inset-box-shadow-color, 0 0 8px rgba($form-field-focus-border-color, 0.6));
}

.#{$prefix}form-invalid {
  .#{$prefix}form-focus {
    border-color: darken($form-field-invalid-border-color, 10%);
    @include box-shadow(0 0 6px lighten($form-field-invalid-border-color, 20%));
  }
}
