/** 
 * Adds an ellipsis to overflow text exceeding a certain number of lines.
 * Only works in webkit browsers.
 * @param {number} $how-many-lines Max amount of lines a text can be.
 */
@mixin max-lines($how-many-lines) {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $how-many-lines;
}
