LESS CSS problem

Question

I am trying to use LESS CSS to write my CSS. I have imported the style.css and less.js file in that order.

But i am not able to generate the CSS when i write the CSS like this

@black: #231f20;
@brown: #241714;
@red: #cd0001;

#header #logo { width:224px; height: 75px; backgroud-color:@red;}

Is this way tested and proved to have a significantly better speed? Upd. File size wise, I think you would be making a bigger difference if you eleminted spaces (like { and ; abc) and unnecessary chars like ; at the end of the style block. — Shef
– Shef, Commented Jun 21, 2011 at 11:03
according to my knowledge we need to use this only on development. so that you will have a better CSS at the end of it. Once u wanna move it into production u can use the generated CSS file by the LESS system and link to it. — Harsha M V
– Harsha M V, Commented Jun 21, 2011 at 11:04
@Rich how to extract the generated CSS file on running the less ? — Harsha M V
– Harsha M V, Commented Jun 21, 2011 at 11:08

thirtydot · Accepted Answer · 2011-06-21 11:02:29Z

5

backgroud-color:@red contains a typo.

Try background-color:@red instead.

answered Jun 21, 2011 at 11:02

thirtydot

229k51 gold badges393 silver badges354 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alex · Accepted Answer · 2011-06-21 11:02:46Z

2

Looking at your source you import the less.js after the styles.less

<link rel="stylesheet/less" href="css/styles.less">
<script src="js/less-1.1.3.min.js"></script>

This may or may not make any difference.

answered Jun 21, 2011 at 11:02

Alex

9,0612 gold badges29 silver badges44 bronze badges

there was a typo.. that caused the error. to answer your point. they have to have the less file before the js file

fair enough @thirtydot, wasnt sure, just poster said that he had them in a different order. Looks like your answer did the trick