less compliler will not write to my css file, although it says success

Question

I'm using the {less} compiler (http://incident57.com/less/) with Coda 1.7.2 (first time trying this!)

{less} gives me a success message, but still my .css file is blank!

My less file: main.less
My css file: main.css
*both files are in the same directory: root/css/

I have {less} set to auto-compile on save, and have also tried on manually compiling (Compile All button).

I have a screenshot here: http://d.pr/i/AEKa

I'm trying to test this with very little in my .less file just to try to get it to work at all:

// Colors
@black: #000;
@grayLighter: #eee;

body {
    background-color: @black;
    background-color: @grayLighter;
}

But I get nothing, my .css file remains blank....

Any ideas on this?

Answer 1

This code will not produce anything in CSS, because CSS is not supporting variables. You will have to use them somewhere in order to see a result.

Try adding something like this in the end of the file and see your compiled CSS:

body {
    background-color: @black;
    background-color: @grayLighter;
}