text-decoration: none;
transition: filter ease-in-out 80ms;
line-height: 1.6;
- @include whenDark {
- filter: brightness(1.3) saturate(0.7);
- }
&:hover {
text-decoration: underline;
}
hr {
border: 0;
height: 1px;
- @include lightDark(background, #eaeaea, #222);
+ @include lightDark(background, #eaeaea, #555);
margin-bottom: $-l;
&.faded {
background-image: linear-gradient(to right, #FFF, #e3e0e0 20%, #e3e0e0 80%, #FFF);
overflow-wrap: break-word;
}
-.limit-text {
+.text-limit-lines-1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
+.text-limit-lines-2 {
+ // -webkit use here is actually standardised cross-browser:
+ // https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-line-clamp: 2;
+ overflow: hidden;
+}
+
/**
* Grouping
*/