ellipsis
Truncates text of the current element and adds an ellipsis to represent overflow.
Arguments
| Name | Type | Default | Description |
|---|---|---|---|
| $max-width | number | 100% | The element width limit. |
Example
@use 'more-sass' as more;
.element {
@include more.ellipsis;
}
.element {
max-width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}