@import "./variables";

.#{$component-prefix}form-label {
  box-sizing: border-box;
  display: flex;
  flex: none;
  width: $form-label-width;
  margin-right: $form-label-margin-right;
  color: $form-label-color;
  text-align: left;
  word-wrap: break-word;

  &--left {
    justify-content: flex-start;
    text-align: left;
  }

  &--center {
    justify-content: center;
    text-align: center;
  }

  &--right {
    justify-content: flex-end;
    text-align: right;
  }

  &--required {
    &::before {
      margin-right: 2px * $hd;
      color: $form-label-required-color;
      content: '*';
    }
  }
}