Skip to content

Instantly share code, notes, and snippets.

@IgnaciodeNuevo

IgnaciodeNuevo/Sass Ellipsis Mixin

Last active October 27, 2018 21:14
Show Gist options
  • Save IgnaciodeNuevo/d3886497893131f5a244db5aeb58cbb5 to your computer and use it in GitHub Desktop.
Save IgnaciodeNuevo/d3886497893131f5a244db5aeb58cbb5 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Sass Ellipsis Mixin
// Add ellipsis at the end of a line to avoid text overflow
// @author Ignacio Villanueva
// @param {String}: $width
@mixin ellipsis($width: 100%) {
max-width: $width;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment