@import '../mixins/mixins.less';

.b(tag, {
    &-wrapper {
      text-wrap: nowrap;
      white-space: nowrap;
      display: inline-block;
      max-width: 100%;
    }

    &-inner-wrapper {
      display: inline-block;
      border-radius: 4px;
      border: 1px solid var(--tag-main-color);
      background-color: var(--tag-main-color-opacity);
      box-sizing: border-box;
      color: var(--tag-main-color);
       
      &--large {
        padding: 0 8px;
        line-height: 26px;
        height: 28px;
        font-size: 14px;
      }
      &--middle {
        line-height: 22px;
        padding: 0 8px;
        height: 24px;
        font-size: 12px;
      }
      &--small {
        padding: 0 6px;
        line-height: 19px;
        height: 20px;
        font-size: 12px;
      }
      &--disabled {
        border: 1px solid #DEE4ED;
        background-color: #526a900f;
        color: #8896b0;
      }
      &--disabled-admin {
        border: 1px solid #d9d9d9;
        background-color: #9999990f;
        color: #999;
      }
    }
});