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

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

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?

Solution

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;
}