mirror of
https://github.com/jackyzha0/quartz.git
synced 2026-03-21 21:45:42 -05:00
fix: use dangerouslySetInnerHTML for inline CSS to prevent HTML-escaping
Preact was escaping & characters in SCSS-compiled CSS (e.g. & nesting) into &, breaking CSS rules. Using dangerouslySetInnerHTML bypasses the escaping, matching how browsers expect style element content.
This commit is contained in:
parent
bff9b464a9
commit
90fbee4ef8
@ -47,7 +47,7 @@ export function JSResourceToScriptElement(resource: JSResource, preserve?: boole
|
||||
export function CSSResourceToStyleElement(resource: CSSResource, preserve?: boolean): JSX.Element {
|
||||
const spaPreserve = preserve ?? resource.spaPreserve
|
||||
if (resource.inline ?? false) {
|
||||
return <style>{resource.content}</style>
|
||||
return <style dangerouslySetInnerHTML={{ __html: resource.content }} />
|
||||
} else {
|
||||
return (
|
||||
<link
|
||||
|
||||
Loading…
Reference in New Issue
Block a user