.uif-input {
  display: inline-block;
  color: $font-color;
  font-size: 12px;
  line-height: 20px;
  border: 1px solid transparent;
  transition: border 0.2s ease-in-out, background 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.uif-input .input {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
  display: inline-block;
  width: 100%;
  border: none;
  background-color: transparent;
  background-image: none;
  cursor: text;
  outline: none;
}
.uif-input-size-small .input {
  padding: 1px 8px;
}
.uif-input-size-default .input {
  padding: 2px 8px;
}
.uif-input-size-large .input {
  padding: 5px 8px;
}
.uif-input-border-rect {
  border-color: $border-color;
}
.uif-input-border-line {
  border-bottom-color: $border-color;
}
.uif-input.focus {
  border-color: $primary-color;
}