SASS In NetBeans 7.4

Question

I'm in use of NetBeans 7.4 on Windows 7 (64 bit). With this I have installed Ruby200-x64 so I can make use of Sass (.scss to .css).

The CSS Preprocessors is configured like this in NetBeans: C:\Ruby200-x64\bin\sass.bat

Questions:

1. How can I make Sass output compact or compressed css after compiling?

I would appreciate any suggestion.

Answer 1

OK, I've found something pretty simple.

Assuming you've installed Ruby200 and NetBeans 7.4 on your system already.

1 - Start "Start Command Prompt with Ruby" and type sass -h.

Sidenote: If you don't have Sass installed do: gem install sass and you'll get latest version of Sass. In NetBeans setup the CSS Preprocessors by clicking on Tools > Options > Miscellaneous > Sass path click on Search and you get C:\Ruby200-x64\bin\sass.bat

You will get a punch of options for Sass including --style NAME.

2 - Go to your NetBeans project, right click at the top level of it

3 - Select "Set Configuration" > Customize, then window called "Project Properties" pops up

4 - On Project Properties window select "CSS Preprocessors", then look for "Compiler Options"

5 - Use --style compact for compact css output. Also available are --style compressed, --style expanded

Screenshots