17.7 #Typography.text-crop Text crop
Ensure text remains on one line and overflow text is cropped with ellipsis (...).
Example
Liquorice fruitcake lollipop. Sesame snaps muffin gummies cake. Apple pie dessert sugar plum toffee Halvah powder chocolate cake pudding. Candy fruitcake jelly beans cake. Marshmallow jelly apple pie cookie. Wafer chupa chups powder wafer.
Markup
<p class="duk-text-crop">
Liquorice fruitcake lollipop. Sesame snaps muffin gummies cake. Apple pie
dessert sugar plum toffee Halvah powder chocolate cake pudding. Candy fruitcake jelly
beans cake. Marshmallow jelly apple pie cookie. Wafer chupa chups powder wafer.
</p>
Source:
scss/base/_typography.scss, line 143