// RAMEN FORM LABEL COMPONENT
//
//
// Required Global Variables:
//
// $spacing-xsmall
//
//
// Required Component Variables:
//
// $form-label-font-size: Sets the font size colour of form label
// $form-label-color: Sets the lavbel colour
// $form-label-margin-bottom: Sets the margin bottom on the label
// $form-label-optional-color: Text colour for the optional tag
//
//

@mixin form-label {
  color: $form-label-color;
  display: block;
  font-size: $form-label-font-size;
  margin-bottom: $form-label-margin-bottom;
}

.c-form-label {
  @include form-label;

  &__optional {
    color: $form-label-optional-color;
    display: inline-block;
    margin-left: $spacing-xxsmall;
  }

  &.is-disabled {
    opacity: 0.5;
  }
}