Issues with LESS when using locally with Chrome

After setting up a local version of the less framework I found that for one reason or another, it didn’t want to work when using locally with Google Chrome. Thinking this may be a Webkit issue I thought I would would give it a try anyway, but it seems to work fine.

I’ve had a look about online for this, but couldn’t find any info. Maybe I wasn’t looking hard enough… Anyway i’ve got a copy of the less.app which automatically converts your .less files to separate .css file once you set up a project and hit save. This has solved my problem for now as I can reference the .css file below the .less as a backup, but not ideal.

<link rel=”stylesheet/less” type=”text/css” href=”css/styles.less” />
<link rel=”stylesheet” href=”css/styles.css”>

Another option would be to set it up within a MAMP environment.