Extend sort-order, add option to sort specific mixins by name

Example:

{ "sort-order": [ [ "$variable" ], [ "$include" ],  [ "$include foo-mixin" ],[ "top", "padding" ] ,  [ "$include bar-mixin" ]] }

Some mixins are useful to place after all declarations at the bottom of the rule.

[dkeeghan]

I’ve found the use case like this:

.module {
    color: red;

    .child {
        color: blue;
    }

    @include bp(m) {
        color: yellow;

        .child {
            color: green;
        }
    }
}

Which is exported out as:

.module {
    color: red;

    @include bp(m) {
        color: yellow;

        .child {
            color: green;
        }
    }

    .child {
        color: blue;
    }
}

Which makes the child always blue and not green at the m breakpoint like I would expect.

Ideally I would love to be able to sort the selectors like:

property, @include (except bp), children, @include bp

[hudochenkov]

@SeBuDesign @Skoks you can use PostCSS plugin postcss-sorting which allow you to sort mixins by name.