So my Less port is finally producing some nice output for example the following css:


@small-padding: 10px;
@large-padding: 20px;
@black: #FFFFFF;
@red: #FFFFFF;
@lessred: @red - 20;

.logo
{
background:url(images/logo.png) @lessred;
}

#banner {
height:100px;
padding:@small-padding;
border:solid 1px red;
.logo;

li.menu
{
list-style:none;
}
}

Produces:

.logo{ background: url(images/logo.png) #EBEBEB ;
}
#banner{ height:100px;
padding:10px;
border: solid 1px red ;
background: url(images/logo.png) #EBEBEB ;
}
#banner li.menu{ list-style:none;
}

There is still a way to go, and the next step will be getting all my outputs to match the Less spec defenitions.

Advertisements