Stylus is a css-preprocessor like LESS, but it supports more transparent mixins.
For example…
box-shadow() {
-webkit-box-shadow: arguments;
-moz-box-shadow: arguments;
box-shadow: arguments;
}
in mixin.styl
and
div {
box-shadow: 0 5px 10px black;
}
in style.styl
compiles to
div {
-webkit-box-shadow: 0 5px 10px #000;
-moz-box-shadow: 0 5px 10px #000;
box-shadow: 0 5px 10px #000;
}
It’s cool! Now I don’t need to replace rules to mixins, like in LESS:
.transition(@args) {
-webkit-transition: @args;
-moz-transition: @args;
-ms-transition: @args;
-o-transition: @args;
transition: @args;
}
.class {
.transition(background)
// instead of transition: background
}
But I’m cannot into Sugars, like I cannot into JS or SQL.
Now I need a Stylus.sugar, because Textmate is not My way.
Can someone do it?