How to put LESS variables in component generator

[ajeemaw]

We are developing component wise LESS and JS. So I need to know how to put the centralized less variable file inside AEM which is going to be used in all the components.

Note: In the site component resources will load separately not like bundled resource

[VeenaVikraman · Accepted solution]

@ajeemaw In your project you might have a clientlibs-site folder right , you can place the common css (for the entire site) in the same something like below

Thanks

Veena ✌

[Vijayalakshmi_S]

Hi @ajeemaw,

Clientlibs organizing is clearly documented in WKND chapter 3 - https://helpx.adobe.com/au/experience-manager/kt/sites/using/getting-started-wknd-tutorial-develop/p...

It has component specific ".less" files and a common variables file named variables.less -> Individual clientlibs folder are included to clientlib-site/base via embed property which is then included in headerlibs as a single clientlibs category.

Could you please elaborate your point mentioned as "Note". You mean to load component specific clientlibs and not as complete clientlib category? If possible, share your existing clientlibs skeleton and the way you want to include the same.