O'Reilly logo

Pragmatic Guide to Sass by Michael Lintorn Catlin, Hampton Catlin

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

31Truncating Text Using Ellipses

Say we have a large paragraph of text that overruns its bounds. Or maybe we just don’t want to display the whole thing. There’s a neat way, using Compass, to remove the extra text and replace it with an ellipsis (…).

First, you need to install some small compass components using the compass command-line interface. After that, use the @includeellipsis command just like any other Compass mixin.

But...there’s a problem. This doesn’t work for all browsers. It works for Chrome, Safari, and early versions of Internet Explorer, but not for Opera or Firefox. Firefox claims support is coming in the future, but apparently this feature has been pending for a long time.[13]

What To Do...
  • Install the ellipsis file on the command ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required