I would like to make hooking in Stylus by using mixin like it does in LESS. It seems like Stylus can't make @extend .className before .className is defined, but LESS does.
For example. By LESS logic It may look like
.uk-button {
display: inline-block;
border 1px solid #00f;
}
.hook-button() {}
.hook-button() {
border 1px solid #00a;
}
but by Stylus logic It must be
hook-button()
.hook-button
{block}
+hook-button()
border 1px solid #00f
.uk-button
display inline-block
border 1px solid #00a
@extend .hook-button
Is there any way to place hook after @extend in Stylus?
upd: The main problem is that override goes before wanted class. You could try online LESS and Stylus.