//
// Forms
// --------------------------------------------------

// Form validation states

.form-control-validation(@text-color; @border-color; @background-color;) {

  .form-control {
    border-color: @border-color;
    &:focus {
      .box-shadow(inset 0 0 0 1px fade(@border-color, 20%));
    }
  }

}


// Form control focus state

.form-control-focus(@color) {
  &:focus {
    border-color: @input-border;
    outline: 0;
    .box-shadow(~"inset 0 0 0 1px @{color}");
  }
}