Feature Request: Deterministic order or user-defined priority for multiple styles #255
Description
I have some sites where I apply a stack of multiple styles to get the desired result. For instance, I might apply an external style for a particular site and then apply a few rules on top of that to customize the style.
Another scenario is a default style that is always applied to a site and then a separate dark style that is layered on top. The dark style can then be toggled without impacting the default style.
In these cases where there are multiple styles applied to a single site, I have found that Stylus applies the styles in a non-deterministic order. Sometimes the styles are inserted into the DOM in the desired order, but other times it is not, which prevents the overriding stylesheet from working as intended.
I could possibly work around this non-deterministic order by applying !important keywords to the overriding stylesheet, but I think it would be more predictable if the order in which the stylesheets are applied would be deterministic or even controllable by the user.
At the very least if the styles were added in the order of their internal ID or display name, I could work with that, but having a way to specify the order or priority in which the style sheets should be applied would be even better.