@asi-ngtools/lib/styles/less/asi-error-messages.less

This project is a little components library, simple to use, which will help you to simplify your project.

asi-error-messages, .asi-error-messages {
  display: none;
  margin-left: 5px;
  margin-bottom: 3px;
  &.active {
    display: flex;
  }
  .asi-error-message {
    color: red;
    font-size: 0.75em;
  }
}

// Ajout des * sur les champs required
.asi-required {
  .asi-component {
    .input-label::after {
      content: ' *';
    }
  }
}

//Modification des bordures des composants de saisie
.asi-has-error {
  .asi-focus-error {
    &:not(.asi-fa-icon):not(.asi-button)  {
      border: @asi-ngtools-error-border !important;
    }
    &.asi-fa-icon, &.asi-button {
      > button {
        border: @asi-ngtools-error-border !important;
      }
    }
  }
}