<label class="form-label form-label--invalid">Example</label>
<label class="form-label form-label--invalid">Example</label>
/* No context defined. */
  • Content:
    .form-label {
      @extend %heading-font-regular;
    
      display: block;
      width: 100%;
      color: $form-label-color;
      font-size: $font-size-base;
    
      &--emphasized {
        @extend %heading-font-bold;
      }
    
      &--invalid {
        color: $form-label-invalid-color;
      }
    
      // Mute labels in next to disabled form-controls
      &.form-label--disabled,
      .form-control__input:disabled ~ & {
        color: $checkbox-color-disabled;
        cursor: not-allowed;
      }
    }
    
  • URL: /components/raw/form-label/_form-label.scss
  • Filesystem Path: components/05-atoms/form-elements/form-label/_form-label.scss
  • Size: 436 Bytes
  • Handle: @form-label--invalid
  • Preview:
  • Filesystem Path: components/05-atoms/form-elements/form-label/form-label--invalid.html

No notes defined.