Chrome browser bug when working with Less.js

A couple years ago a developer I was working with told me he wished that CSS would allow you to use variables. Well, that’s exactly what Less.js enables you to do. It is really great but while testing in Chrome I couldn’t get it to work. I then found from this article that there is a known bug in Chrome if you path to your page starts with ‘file:///’

To solve this problem, I just use XAMPP and throw my folder inside the htdocs folder and use ‘localhost’ instead of ‘file:///.

I also found that the URL to the google CDN of less.js is stored here:

so to reference your css you should have something like this:

Hope this post saves you the time I wasted trying to figure out what I did wrong.