tntd/lib/tntd-checkbox-select/index.less

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

.tntd-checkbox-select-dropdown-render-wrapper {
  padding: 0 0;
  border-radius: 8px;

  .tntd-rc-select-item-empty {
    .ant-empty-description {
      color: rgba(0, 0, 0, 0.25);
    }
  }

  .tntd-checkbox-select-item {
    display: flex;
    font-size: 14px;
    color: #454F64;
    padding: 5px 8px 5px 16px;
    cursor: pointer;

    &:hover {
      background: var(--blue-1);
    }

    &_choosed {
      background: var(--blue-1);
    }

    &_disabled {
      color: rgba(23, 35, 61, 0.3);
      cursor: not-allowed;
      background: #fafafa !important;

      &:hover {
        background: #fafafa !important;
      }
    }

    .tntd-checkbox-select-content {
      flex: 1;
      overflow: hidden;
      margin-left: 8px;
    }
  }
}

.tntd-checkbox-select-dropdown-wrap{
  border-radius: 8px;
}

.tntd-checkbox-select-item-tag {
  margin-right: 4px;
  font-size: 14px;
  margin-top: 2px;
  margin-bottom: 2px;
  max-width: 100%;
  display: flex;
  align-items: center;
  border: none;
  .tntd-checkbox-select-item-tag-label{
    flex: 1;
    overflow: hidden;
  }

  .anticon-close{
    color: rgba(23, 35, 61, 0.8);
    font-size: 12px !important;
    font-weight: bold;
    margin-top: 2px;
  }
}