tdesign-react
Version:
TDesign Component for React
30 lines (24 loc) • 624 B
text/less
@tips-text-default: @text-color-placeholder;
@tips-text-error: @error-color;
@tips-text-warning: @warning-color;
@tips-text-success: @success-color;
.text-ellipsis() {
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}
.text-ellipsis-multi-line(@line: 2) {
overflow: hidden;
/* stylelint-disable-next-line */
display: -webkit-box;
-webkit-line-clamp: @line;
/* stylelint-disable-next-line */
-webkit-box-orient: vertical;
}
.tips-text-status(@status) {
.@{prefix}-tips.@{prefix}-is-@{status} {
color: @@tipsColor;
@tipsColor: "tips-text-@{status}";
}
}