.case-description {
container: caseDescriptionContainer / size;
}
.case-overlay {
container: caseOverlayContainer / size;
}
@container caseDescriptionContainer (max-height: 202px) {
strong.title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
@container caseDescriptionContainer (min-height: 202px) and (max-height: 230px){
strong.title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
@container caseOverlayContainer (max-height: 202px) {
strong.title {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
@container caseOverlayContainer (min-height: 202px) and (max-height: 230px){
strong.title {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
}