Fix instance accordion line height
This commit is contained in:
parent
1d74f89739
commit
2987c34e45
|
@ -6,7 +6,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.instance-short-description {
|
.instance-short-description {
|
||||||
@include ellipsis-multiline(1rem, 3);
|
@include ellipsis-multiline(1rem, 3, inherit);
|
||||||
|
|
||||||
margin: 25px 0;
|
margin: 25px 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin ellipsis-multiline($font-size: 16px, $number-of-lines: 2) {
|
@mixin ellipsis-multiline($font-size: 16px, $number-of-lines: 2, $line-height: $font-size) {
|
||||||
display: block;
|
display: block;
|
||||||
/* Fallback for non-webkit */
|
/* Fallback for non-webkit */
|
||||||
display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
|
display: -webkit-box; /* stylelint-disable-line value-no-vendor-prefix */
|
||||||
|
@ -32,7 +32,7 @@
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
/* Fallback for non-webkit */
|
/* Fallback for non-webkit */
|
||||||
font-size: $font-size;
|
font-size: $font-size;
|
||||||
line-height: $font-size;
|
line-height: $line-height;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
max-height: $font-size * $number-of-lines;
|
max-height: $font-size * $number-of-lines;
|
||||||
|
|
Loading…
Reference in New Issue