react-antd-cssvars
Version:
A minimal cssvars antd module
45 lines (38 loc) • 883 B
text/less
@badge-prefix: ~"@{ant-prefix}-badge";
.@{badge-prefix}-status-text,
.@{badge-prefix} {
color: @antd-text-color;
}
.@{badge-prefix}.@{badge-prefix}-status {
&.status-color-primary {
.@{badge-prefix}-status-dot {
background-color: @antd-primary-color;
}
}
&.status-color-secondary {
.@{badge-prefix}-status-dot {
background-color: @antd-secondary-color;
}
}
&.status-size-large {
.@{badge-prefix}-status-dot {
width: 10px;
height: 10px;
}
}
}
.@{badge-prefix}-status-warning {
background-color: @antd-warning-color;
}
.@{badge-prefix}-status-success {
background-color: @antd-success-color;
}
.@{badge-prefix}-status-error {
background-color: @antd-danger-color;
}
.@{badge-prefix}-status-processing {
background-color: @antd-primary-color;
&::after {
border: 1px solid @antd-primary-color;
}
}