Merge pull request #5143 from thornbill/fix-line-clamping
This commit is contained in:
commit
3182fcbd06
1 changed files with 6 additions and 4 deletions
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue