<label class="form-label">Example</label>
<label class="form-label">Example</label>
/* No context defined for this component. */
.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;
}
}
There are no notes for this item.