<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.