Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

SOLVED

How to put LESS variables in component generator

ajeemaw
Level 1
Level 1

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

LESS UI variables
1 Accepted Solution
Veena_Vikram
Correct answer by
Community Advisor
Community Advisor

@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

site.JPG

 

Thanks

Veena ✌

 

 

View solution in original post

2 Replies
Veena_Vikram
Correct answer by
Community Advisor
Community Advisor

@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

site.JPG

 

Thanks

Veena ✌

 

 

View solution in original post

Vijayalakshmi_S
Community Advisor
Community Advisor

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.