Clip column heights

If the text within a container is taller than the specified height, the text is “clipped” to that height.

Usage

Define clip_height in clipping.js.

Add clipable to the class attr of one or more elements.

The more link will not display if the clipable container has position: relative.

The more button has the class unclip.

Requires mootools v1.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In sit amet purus. Donec porta. Etiam risus. Integer congue ante at nisl tincidunt porta. Donec ut orci quis dui bibendum lacinia. Sed vulputate, ligula nec ultricies tempor, justo diam nonummy turpis, a rhoncus libero diam sed mi. Aliquam tempor magna nec augue. Suspendisse mattis odio nec quam. Maecenas iaculis. Nam massa eros, vehicula eu, posuere eget, faucibus ac, lectus. Nunc porttitor purus non libero. Ut a nibh. Suspendisse potenti. Fusce laoreet erat a libero. Proin luctus congue nisi.

In ut nibh. Ut odio. Duis vitae velit eu ligula convallis pharetra. Nullam consequat velit at urna. Mauris nisi nibh, sollicitudin nec, accumsan a, porttitor sed, lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc tortor lacus, porta vitae, pharetra vitae, vehicula non, sem. Nunc facilisis elit vitae purus. Vestibulum consectetuer pellentesque est. Nullam suscipit, tellus vel congue lacinia, odio tellus feugiat tortor, ac venenatis felis ligula sed lectus. Duis velit lectus, sagittis in, congue auctor, vestibulum vitae, purus. Cras nonummy commodo leo. Quisque ultrices blandit tortor. Praesent posuere varius enim. Donec quis turpis a tortor ultrices ultrices. Quisque eu odio. Ut lectus mauris, pellentesque sollicitudin, venenatis ut, ultrices quis, velit. In a libero in felis dignissim venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Sed nunc. Aliquam erat volutpat. Pellentesque commodo eleifend quam. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur augue. Nunc consequat tempus arcu. Maecenas imperdiet pede ut felis. Suspendisse potenti. Donec lectus enim, placerat lacinia, venenatis vitae, scelerisque quis, pede. Quisque nonummy elementum turpis. Maecenas nisi. Etiam id sem. Duis et nulla. Sed dui enim, lobortis sed, faucibus at, ultrices non, leo.

Sed lobortis placerat leo. Pellentesque sodales. Phasellus imperdiet venenatis justo. Ut ut dui. Nunc tristique auctor mauris. Phasellus et nunc facilisis dui hendrerit condimentum. Suspendisse vel purus non risus gravida placerat. Vivamus ullamcorper enim ut velit. Aenean luctus posuere est. Etiam pellentesque consectetuer lorem. Nunc et risus. Fusce nunc est, aliquam at, imperdiet eget, rhoncus ac, mi.

Phasellus erat pede, lobortis ut, suscipit nec, imperdiet a, dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc hendrerit dolor. Quisque at tortor vitae magna vehicula mattis. Sed vel enim. Nam aliquet, ligula non aliquam viverra, nisl ligula ultricies velit, in dapibus est tortor vitae lectus. Fusce consequat porttitor arcu. Proin posuere leo vestibulum leo. In placerat, est vel blandit consequat, nisl arcu tempor diam, at pharetra justo magna nec est. Duis lacinia condimentum augue. Proin tristique luctus urna. Suspendisse pharetra eleifend arcu. Morbi leo velit, convallis sed, sodales at, hendrerit quis, odio. Morbi pulvinar odio. Praesent eget eros. Duis aliquet. Maecenas arcu dolor, adipiscing id, feugiat id, cursus non, leo. Nullam nisl enim, pretium sed, feugiat ullamcorper, tristique a, augue.