/**
 * Truncates text and adds an ellipsis to represent overflow.
 * @param {number} [$max-width=100%] Max width for the string to respect before being truncated
 * @param {string} [$display=inline-block] Display property of the element
 * @example
 * // SCSS
 * .element {
 *   @include ellipsis;
 * }
 * // CSS
 * .element {
 *   overflow: hidden;
 *   text-overflow: ellipsis;
 *   white-space: nowrap;
 *   word-wrap: normal;
 * }
 */
@mixin ellipsis($max-width: null, $display: null) {
  display: $display;
  max-width: $max-width;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal;
  white-space: nowrap;
}
