tntd
Version:
tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
61 lines (59 loc) • 2.03 kB
text/less
.@{tnt-steps-cls}:not(.@{steps-prefix-cls}-dot).@{steps-prefix-cls}{
.@{steps-prefix-cls}-item{
&-icon{
font-weight: 500;
border-width: 0;
margin: 2px 12px 2px 0;
width: @td-steps-icon-size;
height: @td-steps-icon-size;
line-height: @td-steps-icon-size;
border-radius:@td-steps-icon-size;
>.@{steps-prefix-cls}-icon{
i{
font-size: @td-steps-icon-size;
font-weight: normal;
}
}
}
&-wait.@{step-prefix-cls}-default-icon {
.@{steps-prefix-cls}-item-icon {
background-color: @fill-color-tertiary;
}
}
&-finish.@{step-prefix-cls}-default-icon,
&-error.@{step-prefix-cls}-default-icon {
.@{steps-prefix-cls}-item-icon {
line-height:calc(@td-steps-icon-size - 1px);
background-color: transparent;
border-width:1px;
i{
font-size: calc(@td-steps-icon-size / 2);
}
}
}
}
&-small {
.@{steps-prefix-cls}-item{
&-icon{
width: @td-steps-small-icon-size;
height: @td-steps-small-icon-size;
line-height: @td-steps-small-icon-size;
border-radius:@td-steps-small-icon-size;
>.@{steps-prefix-cls}-icon{
i{
font-size: @td-steps-small-icon-size;
}
}
}
&-finish.@{step-prefix-cls}-default-icon,
&-error.@{step-prefix-cls}-default-icon {
.@{steps-prefix-cls}-item-icon {
line-height:calc(@td-steps-small-icon-size - 1px);
i{
font-size: calc(@td-steps-small-icon-size / 2);
}
}
}
}
}
}