Issue with sass rules, like @import ecc..

[ghost]

Hi everyone!

I have this scss

.magic-class {
display:block;
grid-template-columns: 1rem 1rem 1rem;
@include box(2rem);
@include transition();
@include box;
overflow:hidden;
touch-action: none;
}

And when I run css comb it will be like

.magic-class {
@include box(2rem);

@include transition();

@include box;
touch-action: none;
display: block;
overflow: hidden;
grid-template-columns: 1rem 1rem 1rem;
}

How can I prevent to add this extra lines after every @import rule?

Help me pls, thank you

[ghost]

Anyone?

[henriquebs12]

Same question here. Plus, is there a way to indent those @import/@include etc? CSSComb is removing the indentation.

[SahilMepani]

I've the same issue. Anyone else help

[dnwhte]

Changing the EOL sequence to LF seems to fix it for me.

[ghost]

@dnwhte How do you have do It? I would to try your suggestion, and see by myself if It work

[pastuh]

Looks like a lot of bugs exist.. So i skip for now :X

[ghost]

I suggest for all to use another tool for sort scss properties, csscomb is no longer maintained and it has some bugs.
In particular:
Postcss tool: https://github.com/Siilwyn/css-declaration-sorter/
Postcss tool: https://github.com/hudochenkov/postcss-sorting/