.sui-a-form-label {
  display: block;
  width: 100%;
  font-size: $sui-font-size-ms;
  color: $sui-color-text;

  &.as--inline {
    width: auto;
    display: inline-block;
    vertical-align: middle;
  }

  &.as--sm {
    font-size: $sui-font-size-sm;
  }

  &.as--lg {
    font-size: $sui-font-size-md;
  }

  &.as--uppercase {
    text-transform: uppercase;
  }

  // -------------------------
  //    Validations states
  // -------------------------
  .sui-m-form-group.as--danger &,
  &.as--danger {
    color: $sui-color-danger-text;
  }

  .sui-m-form-group.as--warning &,
  &.as--warning {
    color: $sui-color-warning-text;
  }

  .sui-m-form-group.as--success &,
  &.as--success {
    color: $sui-color-success-text;
  }
}