MaxMilton/ekscss

/**
* FORM INPUT VALIDATION
*/

.input.dirty:invalid,
.select.dirty:invalid,
.textarea.dirty:invalid,
.invalid {
  border-color: ${x.input.invalidBorder};
  box-shadow: 0 0 0 2px ${x.input.invalidColor};
}

.invalid-feedback {
  display: none;
  margin-top: ${x.form.helpMargin};
  color: ${x.input.invalidColor};

  .invalid + & {
    display: block;
  }
}