<label class="form-label form-label--invalid">Example</label>
<label class="form-label form-label--invalid">Example</label>
/* No context defined for this component. */
  • Content:
    .form-label {
      @extend %heading-font-regular;
      display: block;
      width: 100%;
      line-height: $form-label-line-height;
      font-size: $form-label-font-size;
    
      &--emphasized {
        @extend %heading-font-bold;
      }
    
      &--invalid {
        color: $form-label-invalid-color;
      }
    
      // Mute labels in next to disabled form-controls
      // sass-lint:disable force-pseudo-nesting
      &.form-label--disabled,
      .form-control__input:disabled ~ & {
        cursor: not-allowed;
        color: $checkbox-color-disabled;
      }
    }
    
  • URL: /components/raw/form-label/_form-label.scss
  • Filesystem Path: components/01-atoms/input-elements/form-label/_form-label.scss
  • Size: 497 Bytes

There are no notes for this item.