Files
sendou.ink/app/components/ExpandableText.module.css
2026-10-31 16:12:59 +02:00

31 lines
493 B
CSS

.container {
font-size: var(--font-sm);
display: flex;
flex-direction: column;
gap: var(--s-0-5);
}
.clampedText {
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.expandButton {
background: none;
border: none;
color: var(--color-fg-accent);
cursor: pointer;
font-size: var(--font-2xs);
font-weight: var(--weight-semi);
padding: 0;
text-align: left;
text-decoration: underline;
&:hover {
opacity: 0.8;
}
}