tntd
Version:
tntd是基于 TNT Design 设计体系的 React UI 组件库,主要用于研发企业级中后台产品。
69 lines (58 loc) • 1.21 kB
text/less
.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 ;
&:hover {
background: #fafafa ;
}
}
.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 ;
font-weight: bold;
margin-top: 2px;
}
}