tag.less 790 B

123456789101112131415161718192021222324252627
  1. @import "../variate.less";
  2. .@{elNamespace}-tag{
  3. --el-tag-border-color:var(--el-color-primary-light-9);
  4. --el-tag-border-radius: var(--el-border-radius-base);
  5. & .@{elNamespace}-tag__close{
  6. margin-left:4px;
  7. }
  8. & .@{elNamespace}-icon{
  9. font-size: calc(var(--el-icon-size) - 4px);
  10. display:inline-flex !important;
  11. height: calc(var(--el-icon-size) - 2px);
  12. width: calc(var(--el-icon-size) - 2px);
  13. }
  14. @str:warning,danger,success,info;
  15. each(@str,{
  16. &.@{elNamespace}-tag--@{value}.@{elNamespace}-tag--light {
  17. --el-tag-border-color:var(~'--el-color-@{value}-light-9');
  18. }
  19. })
  20. padding: 0 7px !important;
  21. font-weight:400;
  22. &.@{elNamespace}-tag--info{
  23. &.@{elNamespace}-tag--light{
  24. --el-tag-text-color: var(--el-text-color-primary);
  25. }
  26. }
  27. }