@import '../../sass/_custom-variables/libs';

.bootstrap-maxlength {
  vertical-align: baseline;
  text-align: center;
  line-height: 1;
}

@if $enable-light-style {
  .light-style {
    @import '../../sass/_appwork/include';

    .bootstrap-maxlength {
      padding: $badge-padding-y $badge-padding-x;
      background: $badge-default-bg;
      font-weight: $badge-font-weight;
      font-size: $badge-font-size;

      @include border-bottom-radius($badge-border-radius);

      &.label-danger {
        background: map-get($theme-colors, danger);
        color: yiq(map-get($theme-colors, danger));
      }
    }
  }
}

@if $enable-material-style {
  .material-style {
    @import '../../sass/_appwork/include-material';

    .bootstrap-maxlength {
      padding: $badge-padding-y $badge-padding-x;
      background: $badge-default-bg;
      font-weight: $badge-font-weight;
      font-size: $badge-font-size;

      @include border-bottom-radius($badge-border-radius);

      &.label-danger {
        background: map-get($theme-colors, danger);
        color: yiq(map-get($theme-colors, danger));
      }
    }
  }
}

@if $enable-dark-style {
  .dark-style {
    @import '../../sass/_appwork/include-dark';

    .bootstrap-maxlength {
      padding: $badge-padding-y $badge-padding-x;
      background: $badge-default-bg;
      font-weight: $badge-font-weight;
      font-size: $badge-font-size;

      @include border-bottom-radius($badge-border-radius);

      &.label-danger {
        background: map-get($theme-colors, danger);
        color: yiq(map-get($theme-colors, danger));
      }
    }
  }
}
