Detect difference between @include foo; and @include foo { } (with content) about postcss-sorting HOT 5 CLOSED

It's possible in 2.0! More info https://github.com/hudochenkov/postcss-sorting/blob/master/docs/order.md

{
    order: [
        {
            type: 'at-rule',
            name: 'include',
            hasBlock: true
        }
    ]
}

from postcss-sorting.

You can specify mixins by their names in sort-order and place it in the end. For your example a config may looks like:

{
    "sort-order": [
        [ "@atrule" ],
        [
            "position",
            "font-size",
            "..."
        ],
        [ "@include mixin-with-content" ]
    ]
}

So mixins with the name mixin-with-content (despite they have or haven't content) will always be at the end.

from postcss-sorting.

@hudochenkov Yep, but it's actually looks like a workaround, because i have at least 5-10 mixins with content in each project :)

from postcss-sorting.

I'll look what I can do. Meanwhile, you can use a “workaround” :)

from postcss-sorting.

I have doubts about this feature. scss-lint has general approach to sorting. It is looking for @include, @extend and @include with inner content only. In my plugin order can be more specific:

• @atrule — any at-rule.
• @atrulename — any at-rule with a specific name. Ex., @media or @mixin.
• @atrulename parameter — any at-rule with specific name and parameter. Ex., @mixin clearfix.

For example @media at-rule have inner content, too.

I have no idea how to handle every combination if I'll add option for specifiyng at-rules with content inside. Each supported at-rule handle will be doubled, because at-rule may be or may not be with content. It will be a complete madness to handle all variations and config.

from postcss-sorting.