Sha256: 0d462db04fdd43a82b9717591237fe3907f15851e9f2b817df71a870ab791e8e

Contents?: true

Size: 787 Bytes

Versions: 7

Compression:

Stored size: 787 Bytes

Contents

@charset "UTF-8";

/// Truncates text and adds an ellipsis to represent overflow.
///
/// @argument {number} $width [100%]
///   The `max-width` for the string to respect before being truncated.
///
/// @argument {string} $display [inline-block]
///   Sets the display-value of the element.
///
/// @example scss
///   .element {
///     @include ellipsis;
///   }
///
/// @example css
///   .element {
///     display: inline-block;
///     max-width: 100%;
///     overflow: hidden;
///     text-overflow: ellipsis;
///     white-space: nowrap;
///     word-wrap: normal;
///   }

@mixin ellipsis(
    $width: 100%,
    $display: inline-block
  ) {

  display: $display;
  max-width: $width;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

Version data entries

7 entries across 7 versions & 2 rubygems

Version Path
garth-jekyll-theme-0.1.9 _sass/bourbon/bourbon/library/_ellipsis.scss
bourbon-5.0.0.beta.6 core/bourbon/library/_ellipsis.scss
bourbon-5.0.0.beta.5 core/bourbon/library/_ellipsis.scss
bourbon-5.0.0.beta.4 core/bourbon/library/_ellipsis.scss
bourbon-5.0.0.beta.3 core/bourbon/library/_ellipsis.scss
bourbon-5.0.0.beta.2 core/bourbon/library/_ellipsis.scss
bourbon-5.0.0.beta.1 core/bourbon/addons/_ellipsis.scss