@import "../variate.less";
.@{elNamespace}-tag{
  --el-tag-border-color:var(--el-color-primary-light-9);
  --el-tag-border-radius: var(--el-border-radius-base);
  & .el-tag__close{
    margin-left:4px;
  }
  & .el-icon{
    font-size: calc(var(--el-icon-size) - 4px);
    display:inline-flex !important;
    height: calc(var(--el-icon-size) - 2px);
    width: calc(var(--el-icon-size) - 2px);
  }
  @str:warning,danger,success,info;
  each(@str,{
    &.el-tag--@{value}.el-tag--light {
      --el-tag-border-color:var(~'--el-color-@{value}-light-9');
    }
  })
  padding: 0 7px !important;
  font-weight:400;
  &.@{elNamespace}-tag--info{
    &.@{elNamespace}-tag--light{
      --el-tag-text-color: var(--el-text-color-primary);
    }
  }
}