How to Style Components in AEM, css is not getting compiled - AEM version 6.5

Question

Hi All,

I have created Maven Project, When I try to add styles to the components I was not able to see the styles on the components, css is not even getting compiled.

Please Advise what is the correct structure to follow for ClientLib in AEM and how to apply these clientLib/styles to the components.

Thanks

Heena

Asutosh_Jena_ · Accepted Answer

Hi @heena91

Please see the structure below:

This is how the index.less will look like:

@import 'variables/index.less';
@import 'mixins/index.less';

@import 'base/index.less';
@import 'structure/index.less';
@import 'vendor/bootstrap.less';
@import 'components/index.less';

css.txt will have the index entry only.

#base=styles
index.less

We need to ensure the clientlib category is loading on the page.

Thanks!

Sign up

Login with SSO

Login to the community

Login with SSO