Nov262013

Keeping Comment Blocks Visible in Compressed SCSS Output

A real quick Tuesday tip: SCSS gives you the ability to keep a comment even with style set to compressed. Great for including a file header, important information, or legalese in a minified file.

To test it out, start watching a file with the style flag set to compressed:

scss --watch style.scss:style.css --style compressed

That will give you minified CSS output. Now, following this special comment syntax, add a "loud comment" to your file and watch as the input includes it:

[css]/*! A loud comment */[/css]

Enjoy!

Tip via Stack Overflow.