http://js.arcgis.com/3.6/js/dojo/dijit/themes/claro/variables.less does not compile

Question

Hello All,

So I looked at http://js.arcgis.com/3.6/js/dojo/dijit/themes/claro/variables.less and I would like to edit some colors in it, but prior to doing that I wanted to convert it to css just to see that the process works, so tried lessc on my comp a windows pc, also on crunchapp and also http://less2css.org/ live preview page in all the cases the conversion results in a blank css file. Can anyone help / advise on what I am doing wrong?

Thanks for your help in advance.

Ashwini

Ashwiniw · Answer

That particular less file is all mixins and variable declarations, there's no actual css to be compiled.
The mixins would get used in a css style, like
div.map-container {
  .gradient-and-filter(@primary-color, 10, 10)
}

You can see this by copy/pasting all the less into the less2css site, then add the snippet above to see the results.

Here is a page describing how less mixins are used.
http://www.sitepoint.com/a-comprehensive-introduction-to-less-mixins/

Hello Rene,

Thanks for your reply. I suppose I have to read up on mixins but in the short term if I change colors in variables.less for claro theme, how do I make sure that changes will occur in the output html file, and which file do I reference in the stylesheet tag because the claro theme is currently referenced with stylesheets hosted online, and I thought that I will modify less, regenrate css and link it locally. Can you please advise..

Ashwini

ReneRubalcava · Answer

That particular less file is all mixins and variable declarations, there's no actual css to be compiled.
The mixins would get used in a css style, like
div.map-container {
  .gradient-and-filter(@primary-color, 10, 10)
}

You can see this by copy/pasting all the less into the less2css site, then add the snippet above to see the results.

Here is a page describing how less mixins are used.
http://www.sitepoint.com/a-comprehensive-introduction-to-less-mixins/