<div class="overflow-box">
Loooonnnnnnnnngggggggg text
</div>
:root {
--mixin-overflow-ellipsis: {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
};
}
.overflow-box{
width: 100px;
@apply --mixin-overflow-ellipsis;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.