Skip to content
Permalink
master
Go to file
 
 
Cannot retrieve contributors at this time
44 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;
}
You can’t perform that action at this time.