Text helpers

.ellipsis-overflow

scss
.ellipsis-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-word;
}

Helper to decorate text overflow with three dots

Example

html
<div>
  <div class="ellipsis-overflow" style="max-width: 7ch">123456789</div>
  </br>
  <div class="ellipsis-overflow" style="max-width: 12ch">123456789</div>
</div>