Developing with less.js and other css files

Hi All,

I hope someone can help me for my problem.

I want to develop my theme using (in dev only) less.js. This all work file I can do my changes in the *.less files and I can see the result when I refresh my page.

The problem is that it seems that other css files such as admin-bar.css gets ignored…

Here is a view source of what is in the header:

<link rel="stylesheet" type="text/css" href="https://evador.ca/wp-content/themes/discovery/style.css">
                <link rel="stylesheet/less" type="text/css" href="https://evador.ca/wp-content/themes/discovery/library/less/<strong>style.less</strong>">
                <script src="https://evador.ca/wp-content/themes/discovery/library/js/<strong>less-1.3.0.min.js</strong>" type="text/javascript">

		<!-- wordpress head functions -->
		<link rel="alternate" type="application/rss+xml" title="Evador.ca &raquo; Flux" href="https://evador.ca/feed" />
<link rel="alternate" type="application/rss+xml" title="Evador.ca &raquo; Flux des commentaires" href="https://evador.ca/comments/feed" />
<link rel='stylesheet' id='admin-bar-css'  href='https://evador.ca/wp-includes/css/<strong>admin-bar.css?ver=3.4.1</strong>' type='text/css' media='all' />

When I comment out the line where the less.js is loaded I can see the admin bar and if I import the admin-bar.css within style.less I can see it as well.

It is like less.js is taking over everything and ignores the other css files that are introduced by other plugins.

For development is makes things very difficult.

Does anyone have any suggestions maybe I am doing something wrong.

Thanks for your help,
Luc