37 lines
783 B
SCSS
37 lines
783 B
SCSS
@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;
|
|
/// }
|
|
///
|
|
/// // CSS Output
|
|
/// .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;
|
|
}
|