ClampText

Delimitar líneas de Texto

Este mixin permite delimitar el número de líneas de texto que se mostrarán en un contenedor.

@mixin clampText($lines: 1) {
  display: -webkit-box;
  line-clamp: $lines;
  -webkit-line-clamp: $lines;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

Parámetros

• $lines: Número de líneas que se mostrarán en el contenedor. Por defecto, el valor es 1.

Uso

.class-name {
  @include clampText(2);
}