Skip to content

micschwarz/MultiDot

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MultiDot

Small libary for multiline elipsis (Compatible with jQuery)

Get Started (Use)

HTML

<div id="multidot">
    <div class="content">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. A amet eligendi eos ex praesentium qui quisquam
        tempore. Laborum quisquam repudiandae sapiente. Aut, consequuntur dolor eius harum minima non reiciendis.
        Beatae?
    </div>
</div>

<!-- STYLE -->
<style>
#multidot {
    width    : 150px;
    height   : 100px;
    overflow : hidden;
}
</style>

Javascript

// Vanilla JS
new MultiDot(document.getElementById('multidot'));

// jQuery
new MultiDot($('#multidot'));

Get Started (Developement)

Run npm install --only-dev (Node & NPM required)

Build

  • With ES5-Compatibility (IE supported): npm run build
  • Without ES5-Compatibility (smaller file): npm run buildbabelless