Expand my Community achievements bar.

Join us in celebrating the outstanding achievement of our AEM Community Member of the Year!

Less styles are not compiling to css in style component

Avatar

Level 2

I have created a styled component but my less files are not compiling to css and added to the site.
I have created components in apps/training2/components/structure/title

Screen Shot 2022-05-03 at 10.09.01 AM.png


Than i have added my component styles to clientllibs-compnents/heading/css/style.less

css.txt

#base=css

style.less

 

Adding categories properties to my

clientibs-components/heading with below value

training2.components.heading

 

I have also embed properties to my

clientlibs-site with the same value  raining2.components.heading

 

The issue I am facing here is my .less files are not compiled into .css and appear into front end.
can any see if I am missing anything here.

 

Thanks

4 Replies

Avatar

Community Advisor

Hi,

Check the errors in less fine. could be an issue with compilation.

Go to /libs/granite/ui/content/dumplibs.rebuild.html and invalidate the cache and rebuild the libs

Hope this will help



Arun Patidar

Avatar

Level 2

Thanks for taking to reply. I have seen this sort of reply as well. but i dont find this file in my system.

Screen Shot 2022-05-03 at 3.29.22 PM.png

 

I am not sure how can i rebuild the libs. Can you please advise.

 

Thanks.

Avatar

Level 2

After doing this. It just broke the instance with this.

Screen Shot 2022-05-05 at 4.56.01 PM.png

 Now I can't get it starting.