enhancement: allow gradient functions through the CSS sanitizer.

[ikaio]

Hey, Templ Community. I needed to use a gradient background with a custom color provided by the user, but it wasn't working, so I looked at the code and saw that background-image only allows the url function, and background falls under regular sanitization blocking any function at all.


Also, I know css params was just introduced, but in the future it would be nice if we could use a composite approach, like:

[joerdav]

#581

We added a new feature for css property escaping, this may solve the issue for you:

css gradient(primary string) {
	background: { templ.SafeCSSProperty(fmt.Sprintf("linear-gradient(to top right, %s, transparent)", primary)) };
}

For future issues, it's much more useful for us to have code snippets rather than screenshots, but none the less thanks for taking the time to report!