@import (reference) '../theme/variables/antdVariables.less';
@tag-prefix-cls: ~'@{ant-prefix}-tag';
@tag-icon-prefix-cls: ~'@{ant-prefix}icon';

.ued-tag-wrap {
  i.@{tag-icon-prefix-cls}-close {
    margin-right: -(@padding-xxs / 2);
  }
}

.ued-tag-blue {
  color: #47e;
  background-color: #eef3ff;
  border: 1px solid #99b6f9;

  i.@{tag-icon-prefix-cls}-close {
    color: #99b6f9;

    &:hover {
      color: fade(#47e, 70%);
    }
  }
}

.ued-tag-purple {
  color: #531dab;
  background-color: #f9f0ff;
  border: 1px solid #d3adf7;

  i.@{tag-icon-prefix-cls}-close {
    color: #d3adf7;

    &:hover {
      color: fade(#531dab, 70%);
    }
  }
}

.ued-tag-green {
  color: #52c41a;
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;

  i.@{tag-icon-prefix-cls}-close {
    color: #b7eb8f;

    &:hover {
      color: fade(#52c41a, 70%);
    }
  }
}

.ued-tag-red {
  color: #ff4d4f;
  background-color: #fff1f0;
  border: 1px solid #ffa39e;

  i.@{tag-icon-prefix-cls}-close {
    color: #ffa39e;

    &:hover {
      color: fade(#ff4d4f, 70%);
    }
  }
}

.ued-tag-orange {
  color: #d46b08;
  background-color: #fff7e6;
  border: 1px solid #ffd591;

  i.@{tag-icon-prefix-cls}-close {
    color: #ffd591;

    &:hover {
      color: fade(#d46b08, 70%);
    }
  }
}

.ued-tag-gold {
  color: #faad14;
  background-color: #fffbe6;
  border: 1px solid #ffe58f;

  i.@{tag-icon-prefix-cls}-close {
    color: #ffe58f;

    &:hover {
      color: fade(#faad14, 70%);
    }
  }
}

.ued-tag-cyan {
  color: #08979c;
  background-color: #e6fffb;
  border: 1px solid #87e8de;

  i.@{tag-icon-prefix-cls}-close {
    color: #87e8de;

    &:hover {
      color: fade(#08979c, 70%);
    }
  }
}