Placeholders

Useful sets of CSS properties to achieve most common purposes.

%ellipsis

Hides the rest of the text with an ellipsis when it overflows the viewport.

Usage

.test {
  @extend %ellipsis;
}

// Will output

.test {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;a
}