wix-style-react
Version:
42 lines (35 loc) • 839 B
CSS
:import {
-st-from: "../../Tooltip/Tooltip.st.css";
-st-default: Tooltip;
}
/* Text */
.text {
-st-states:ellipsisLines(enum(singleLine, multiline));
text-overflow: ellipsis ;
overflow: hidden ;
max-width: 100% ;
vertical-align: bottom ;
}
.text:ellipsisLines(singleLine) {
white-space: nowrap ;
display: inline-block ;
}
.text:ellipsisLines(multiline) {
white-space: normal ;
display: -webkit-box ;
display: -moz-box ;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-line-clamp: var(--maxLines);
-moz-line-clamp: var(--maxLines);
}
/* Tooltip */
.tooltip {
-st-extends: Tooltip;
display: inline;
overflow: hidden;
height: max-content;
}
.tooltip::popoverElement {
max-width: 100%;
}