@import "../style/var.less";

.fe-badge {
  display: inline-block;
  user-select: none;

  &-color {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-bottom: 2px;
    &.fe-badge-success {
      background: @success-color;
    }
    &.fe-badge-warning {
      background: @warning-color;
    }
    &.fe-badge-error {
      background: @error-color;
    }
    &.fe-badge-default {
      background: @badge-default-color;
    }
  }
  &-noslots {
    background: @badge-default-color;
    border-radius: @font-size-md;
    padding: 0px 6px;
    color: white;
    font-size: @font-size-md;
  }
  &-slots {
    position: relative;
    display: inline-block;

    .fe-badge-sup {
      position: absolute;
      background: @badge-default-color;
      border-radius: @font-size-sm;
      padding: 1px 4px;
      color: white;
      font-size: @font-size-sm;
      right: 0px;
      top: 0px;
      -webkit-transform: translate(50%, -50%);
      transform: translate(50%, -50%);
      &.fe-badge-dot {
        width: 10px;
        height: 10px;
        padding: 0px;
      }
    }
  }
}