Min-Width

vel-src: sizing.css

Utilities for setting the minimum width of an element.

Class	Properties
vel-min-w-0	min-width: 0px
vel-min-w-full	min-width: 100%
vel-min-w-min	min-width: min-content
vel-min-w-max	min-width: max-content
vel-min-w-fit	min-width: fit-content

Examples

min-w-0 enables flex truncation

Long text that gets truncated when container is small — vel-min-w-0 allows this

example.html

<div class="vel-min-w-0 vel-flex vel-gap-3">
  <div class="vel-min-w-0" style="background:#7c5cfc;color:#fff;padding:10px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1">Long text that gets truncated when container is small — vel-min-w-0 allows this</div>
</div>