@import "./vars.pcss";

.formLabel {
  color: var(--formLabelColor);
  cursor: var(--formLabelCursor);
  pointer-events: var(--formLabelPointerEvents);
  font-size: var(--formLabelFontSize);
  font-weight: var(--formLabelFontWeight);
  line-height: var(--formLabelLineHeight);
  user-select: var(--formLabelUserSelect);

  @mixin nlc {
    margin-bottom: var(--formLabelVMargin);
  }

  @mixin lc {
    @mixin noc {
      margin-bottom: var(--formLabelVMargin);
    }
  }

  &__label {
    pointer-events: auto;

    &::after {
      display: var(--formLabelRequiredSignDisplay);
      content: var(--formLabelRequiredSign);
      margin-left: var(--formLabelRequiredSignMl);
      color: var(--formLabelRequiredSignColor);
      line-height: var(--formLabelRequiredSignLh);
    }
  }

  [class*="isRequired"] ~ &,
  [required] ~ &,
  &&.isRequired,
  &&--isRequired {
    --formLabelRequiredSignDisplay: inline;
  }
}