how to use .less files in adobe CQ5?

[amits442971]

Hi All,

i'm new in Adobe CQ5, and developing CMS Application using this, i create ClienLibraryFolder in following directory:

/etc/designs/MySiteName/ClientLibFolder/MyLess.less

but when i'm using this on .jsp file it is not design anything what i defined in .less file, while using .css files i'm getting all things. can anyone suggest me what i'm missing here

[Feike_Visser1]

Have a look at this article: http://www.citytechinc.com/us/en/blog/2012/08/less_css_in_adobecq.html

[amits442971]

hi Feike thanks for your reply,
 i'm using as :<cq:includeClientLib css="etcdesigns.inmovement.ClientLibrary.base" /> 

it neither throw any error  nor solve my issue, i mean it is not including my .less files 
in ClientLibrary directory i create a css.txt file and there i put my code as:

#base=less
    desktop.less
    mobile.less
    tablet.less
desktop/heroarea.less

is anything missing here...

[Mshaji · Accepted solution]

Please review following example

http://www.citytechinc.com/us/en/blog/2012/08/less_css_in_adobecq.html

[Feike_Visser1]

Can you share a screenshot of your structure of your clientlib?

Also check the error.log to see if any error is logged there.

[smacdonald2008]

As stated in the artilce:

To use LESS files, simply include them in your ClientLib folder, or whatever folder you have specified as your base in css.txt. List the LESS files in css.txt so they get included. They can be mixed with CSS files if you like. - See more at: http://www.citytechinc.com/us/en/blog/2012/08/less_css_in_adobecq.html#sthash.ssJbsiYg.dpuf

They are simply like using other CSS files in AEM. 

Also - when using cq:includeClientLibs - reference the categories property of the clientlibs node:

<cq:includeClientLib categories="jquerysamples" />