XF 2.1 How to add CSS to an add-on using best practices?

[Feanor]

I have an add-on that adds a template to every post using a template modification. I need to style part of this template with CSS. I added it to a new .less template, but how do I call this template using best practices? Do I use <xf:css in the HTML template that goes in each post or would this add the .less template 20 times per page?

 

[Lawrence]

Add <xf:css src="your_css.less" /> to the top of your template modification. It will only be loaded once.

 

[AndyB]

I have an add-on that adds a template to every post using a template modification. I need to style part of this template with CSS. I added it to a new .less template, but how do I call this template using best practices? Do I use <xf:css in the HTML template that goes in each post or would this add the .less template 20 times per page?

Add the CSS to the extra.less template.

 

[Ozzy47]

Add <xf:css src="your_css.less" /> to the top of your template modification. It will only be loaded once.

This is the preferred way to do it.

 

[Feanor]

Add the CSS to the extra.less template.

The reason this wouldn't work is because then it wouldn't be attached to the add-on if it's not its own template.

Thanks for letting me know it will only be loaded once @Lawrence, I'll try that.

 

[Ozzy47]

The reason this wouldn't work is because then it wouldn't be attached to the add-on if it's not its own template.

Well it could if you make a TM using the extra.less template. But the way Lawrence describes is the better way.