[Help] How to achieve text truncation on multiple lines using -webkit-line-clamp. #1078
-
Hi! I was wondering if there's a way to achieve truncation of multiple lines of text. display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis; However, using vanilla-extract, the I'm not sure if this should be reported as an issue or if there's another way to achieve this that I'm unaware of. Thanks to anyone that can help! |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
Hi, the fact that some property is marked as deprecated doesn't affect runtime, you can use it as is. |
Beta Was this translation helpful? Give feedback.
Hi, the fact that some property is marked as deprecated doesn't affect runtime, you can use it as is.
About vendor prefixes, there is another name notation, so instead of
-webkit-line-clamp2
you should useWebkitLineClamp: 2,
.More info in the docs https://vanilla-extract.style/documentation/styling/#vendor-prefixes