title: LESS - set variables on the client side
body: <p>I have created a LESS (<a href="http://lesscss.org/" rel="nofollow noreferrer">http://lesscss.org/</a>) version of a simple css grid solution (<a href="http://simplegrid.info/" rel="nofollow noreferrer">http://simplegrid.info/</a>. Now I can happily roll my own grid sizes with the server script from LESS (lessc). That's working for me.</p>
  <p>For demo purposes I would like to create a HTML page, where I can put the size of the css grid in a textbox and the grid would change dynamically. Beginning of the demo is here:</p>
  <p><a href="http://jsfiddle.net/8QHNc/" rel="nofollow noreferrer">http://jsfiddle.net/8QHNc/</a></p>
  <p>So instead of changing  <code>@layoutwidth: 720px;</code> in the <code>&lt;style rel=&quot;stylesheet&quot; type=&quot;text/less&quot; &gt;</code> section I would like to pass these variables to the LESS interpreter.</p>
  <p>Can these be done with the client side usage of less? Can I define global variables or pass them as parameters to less.js somehow?</p>
  <p>I am aware that I could do this without the usage of LESS (preferably with jQuery o. sth.) - but I figured since it is already there...</p>