Form Group: Invalid 

<div class="form-group form-group--invalid">
    <label class="form-label" for="input1">Email</label>
    <input class="form-control" type="email" placeholder="arnulf@beckenbauer.com" id="input1" />
    <small class="form-text">I'm an error message</small>
</div>
 
<div class="form-group form-group--invalid">
    <label class="form-label" for="input1">Email</label>
    <input class="form-control" type="email" placeholder="arnulf@beckenbauer.com" id="input1" />
    <small class="form-text">I'm an error message</small>
</div>
 
/* No context defined. */
  • Content: 
    .form-group {
  > * + * {
    margin-top: $spacer-xxs;
  }

  &--invalid {
    .form-label,
    .form-text {
      color: $form-label-invalid-color;
    }

    .form-control {
      border-color: $form-control-invalid-border-color;
    }
  }
}
  • URL: /components/raw/form-group/_form-group.scss
  • Filesystem Path: components/05-atoms/form-elements/form-group/_form-group.scss
  • Size: 244 Bytes

No notes defined.