Permalink
Fetching contributors…
Cannot retrieve contributors at this time
45 lines (38 sloc) 702 Bytes

Abstract rules are generic rules that can be extended with the @extend directive or mixed in (without arguments) like regular mixins with the @include directive.

@abstract ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@abstract heading {
  font: bold 1rem serif;
  letter-spacing: .1em;
}

.foo {
  @extend ellipsis;
  display: block;
}
.bar {
  @extend ellipsis;
  @include heading;
}
.foo,
.bar {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.foo {
  display: block;
}
.bar {
  font: bold 1rem serif;
  letter-spacing: .1em;
}