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/