We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Hi there! Sorry, I'm not sure if this is for eleventy-plugin-bundle or here!
test.webc
<script webc:setup> const cssString = "article > h1 { background: red; }"; </script> <style webc:keep @text="cssString"></style> <style webc:keep @raw="cssString"></style> <style webc:keep @html="cssString"></style>
output
<style>article &gt; h1 { background: red; }</style> <style>article > h1 { background: red; }</style> <style>article > h1 { background: red; }</style>
Does not seem to be an issue with other tags:
<div webc:keep @html="cssString"></div> <div>article > h1 { background: red; }</div>
Workarounds I've found so far:
Add style attribute to body
<html webc:keep :style="cssString"></html>
Tiny transform in 11ty config (for html stuff only)
eleventyConfig.addTransform('fixInlineStyle', async function (content) { return this.outputPath.split('.').pop() === 'html' ? content.replace(/>/g, '>') : content; });
Am using:
"@11ty/eleventy": "3.0.0-alpha.13",
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Hi there! Sorry, I'm not sure if this is for eleventy-plugin-bundle or here!
test.webc
output
Does not seem to be an issue with other tags:
Workarounds I've found so far:
Add style attribute to body
Tiny transform in 11ty config (for html stuff only)
Am using:
The text was updated successfully, but these errors were encountered: