tntd/lib/label/label.less

tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

@label-prefix-cls: ~'@{ant-prefix}-label';
@tag-prefix-cls: ~'@{ant-prefix}-tag';

.@{tag-prefix-cls}.@{label-prefix-cls} {
  border: 1px solid transparent;
  line-height: 22px;
  min-width: 44px;
  padding: 0 8px;
  border-radius: 1px;
  text-align: center;
  font-size: @font-size-base;
  background-color: rgba(94, 112, 146, 0.1);

  &.@{label-prefix-cls}-checkable {
    cursor: pointer;
  }

  &.@{label-prefix-cls}-rounded {
    padding: 0 12px;
    border-radius: 12px;
  }

  &.@{label-prefix-cls}-dot {
    display: inline-flex;
    align-items: center;
    background-color: transparent;
    padding: 0;
  }

  .@{label-prefix-cls}-icon {
    display: inline-flex;
    align-items: center;
    margin-right: 4px;
  }

  .@{label-prefix-cls}-dot-symbol {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 8px;
  }

  .@{iconfont-css-prefix}-close {
    margin-left: 4px;
    color: #8b919e;
  }

  .make-border-inherit-classes(@i: length(@preset-colors)) when (@i > 0) {
    .make-border-inherit-classes(@i - 1);
    @color: extract(@preset-colors, @i);

    &-@{color} {
      border-color: inherit;
    }
  }

  .make-border-inherit-classes();
}