tntd/lib/handle-icon/index.less

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

@small-size: 16px;
@middle-size: 18px;
@large-size: 20px;
.tnt-handle-icon-wrap{
    >*:not(:last-child){
        margin-right: 8px;
    }
}

.menu-handle-icon-more{
    min-width: 100px;
    max-width: 300px;
}

[class*=tnt-handle-icon]{
    a{
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color:@text-color;
    }
    >*:hover{
        color:@blue-6;
        .icon-disabled,.disabled{
            color: @disabled-color;
        }
    }
    .icon-disabled,.disabled{
        cursor: not-allowed;
        pointer-events: auto;
        color: @disabled-color;
    }
    
}
.tnt-handle-icon-small{
    .tntd-anticon{
        font-size: @small-size;
        cursor: pointer;
    }
    font-size: @small-size;
    line-height: 22px;
}
.tnt-handle-icon-middle{
    .tntd-anticon{
        font-size: @middle-size;
        cursor: pointer;
    }
    font-size: @middle-size;
    line-height: 22px;
}
.tnt-handle-icon-large{
    .tntd-anticon{
        font-size: @large-size;
        cursor: pointer;
    }
    font-size: @large-size;
    line-height: 22px;
}