Initial proposal to use +. from @hokaccha:
where this
.foo {
width: 100px;
}
.bar {
+.foo;
}
would compile to this:
.foo, bar {
width: 100px;
}
from @dmcass
@extend
from @DesignByOnyx
h3 {
font-size: 20px;
++.shared;
}
and later:
extend( @selector )
from @agatronic
.shared {
font-size: 12px;
color: red;
}
h3 {
&,.shared;
font-size: 16px;
}
h2 {
&.shared;
font-size: 10px;
}
from @jestho
.foo {
$.bar;
border-width: 2px;
}
.foo {
=.bar;
border-width: 2px;
}
.foo {
%.bar;
border-width: 2px;
}
from @cloudhead
.seriousError {
< .error;
< .attention;
}
from @jonschlinkert
.seriousError:extend(.error, .attention) {
...
}