hugo/content/en/functions/safeCSS.md

title, description, categories, menu, keywords, namespace, relatedFuncs, signature

title	description	categories	menu	keywords	namespace	relatedFuncs	signature
safeCSS	Declares the provided string as a known "safe" CSS string.	functions	docs parent functions		safe	safe.CSS safe.HTML safe.HTMLAttr safe.JS safe.JSStr safe.URL	safe.CSS INPUT safeCSS INPUT

In this context, safe means CSS content that matches any of the following:

1. The CSS3 stylesheet production, such as p { color: purple }.
2. The CSS3 rule production, such as a[href=~"https:"].foo#bar.
3. CSS3 declaration productions, such as color: red; margin: 2px.
4. The CSS3 value production, such as rgba(0, 0, 255, 127).

Example: Given style = "color: red;" defined in the front matter of your .md file:

• <p style="{{ .Params.style | safeCSS }}">…</p> → <p style="color: red;">…</p>
• <p style="{{ .Params.style }}">…</p> → <p style="ZgotmplZ">…</p>

{{% note %}} "ZgotmplZ" is a special value that indicates that unsafe content reached a CSS or URL context. {{% /note %}}