Fix line-clamping regression

This commit is contained in:
Bill Thornton 2024-01-19 18:27:02 -05:00
parent eff01b3d43
commit f573800967

View file

@ -1505,14 +1505,16 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
.detail-clamp-text { .detail-clamp-text {
overflow: hidden; overflow: hidden;
display: flex;
flex-direction: column; /* NOTE: line clamping is non-standard and requires vendor-prefixed rules to function */
line-clamp: 12; display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
-webkit-box-orient: vertical;
-webkit-line-clamp: 12;
} }
@media all and (min-width: 40em) { @media all and (min-width: 40em) {
.detail-clamp-text { .detail-clamp-text {
line-clamp: 6; -webkit-line-clamp: 6;
} }
} }