Mixins

ellipsis

Truncates text of the current element and adds an ellipsis to represent overflow.

Arguments

Name	Type	Default	Description
$max-inline-size	`number`	100%	The element inline size limit.

@use 'more-sass' as more;

.element {
  @include more.ellipsis;
}

.element {
  max-inline-size: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

This is the coupled pair of mixins allows to manipulate over the line breaks that were set manually with br tag.

font

Shorthand for writing font- rules in syntax like vanilla CSS font property, but without specifying the required font-family property.