@use './global-typography';

@mixin s1-label-mandatory($font-size) {
  &.mandatory {
    &::before {
      content: '*';
      color: var(--s1-R-50-color);
      font-size: $font-size;
    }
  }
}

/* stylelint-disable scss/at-extend-no-missing-placeholder */
.s1-label-inline {
  @extend .s1-body;
  @include s1-label-mandatory(13px);
  color: var(--s1-N-60-color);
}

.s1-label-overline {
  @extend .s1-caption-2;
  @include s1-label-mandatory(11px);
  color: var(--s1-N-60-color);
}