Inline SASS / SCSS comments

[WilliamVercken]

Hi !
There is a problem with the comments when I use SassBeautify.

My SCSS code :

@mixin opacity($opacity) {
    filter: alpha(opacity=#{$opacity}); // IE 5-9+
    opacity: $opacity * 0.01;
}

$color1: #FF0000; // Red
$color2: #FFBF00; // Orange
$color3: #FFFF00; // Yellow

When I use SassBeautify, here is the result :

@mixin opacity($opacity) {
    filter: alpha(opacity=#{$opacity});
    // IE 5-9+
    opacity: $opacity * 0.01;
}

$color1: red;

// Red
$color2: #ffbf00;

// Orange
$color3: yellow;

// Yellow

I hope you will find a solution to this issue. :(

Your extension is almost perfect ! (I'd also like SassBeautify usable with CSS files. And by the way, an option to choose if we want, or not, a space between two declarations blocks or before comments ! Maybe some future features ? :p)

Thanks a lot for your attention !

[badsyntax]

Hey there, thanks for this bug report. Unfortunately this is the default behaviour of how sass compiles scss. (See here: sass/sass#235)
I'll wait to hear from the sass devs if they plan to support inline comments in the future.

[WilliamVercken]

Ok, so "wait and see". I hope they will answer to your comment soon. :)

[badsyntax]

I don't want to think about doing this myself (in python land) if there are any plans for sass to support this itself. It's also a bit frustrating for me to see a lot these issues coming through from users without having the ability to resolve them myself, as the compilation/beautification is entirely performed by sass. On the upside, I'm constantly feeding these issues through to Sass, so if/when they get fixed, everyone benefits.
I will update this ticket if I get any updates.

[badsyntax]

I'm going to close this ticket as it's simply not supported by sass.

The sass developers are not completely ignoring this issue, so there's a chance this will be fixed in a future release, and I'll keep my eye on it, but for now, sadly, sass-convert does not support inline comments. I'll add a note the README.

[ldexterldesign]

+1