meta(name="viewport" content="width=device-width, initial-scale=1")
main
  h1 Truncated Text Demo
  p A demo on how to truncate text within a given text space, e.g. list item.
  p Move the slider right or left to show or hide characters...
  div
    input(type="range" id="range-limit" value="100" min="1" max="200")
    output#current-limit 100
  ul
    li#text-1 Lorem Ipsum is simply dummy text of the printing and typesetting industry.
    li#text-2 Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took

  p Notice that the maximum number of characters displayed is #[strong never beyond the set value]
  p ... And there is #[strong: s no broken words].