Expand my Community achievements bar.

Guidelines for the Responsible Use of Generative AI in the Experience Cloud Community.

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.