I have an SVG file that is dynamically built from a liquid template. I also have a separate scss file that contains styles related to the SVG. For most things to display the SVG correctly, the styles need to be embedded directly into the SVG instead of loaded externally. Additionally, everything in the SVG file must be valid XML, so the embedded styles either need to be properly escaped or wrapped in a <![CDATA[ ]]> block.
Description
I have an SVG file that is dynamically built from a liquid template. I also have a separate scss file that contains styles related to the SVG. For most things to display the SVG correctly, the styles need to be embedded directly into the SVG instead of loaded externally. Additionally, everything in the SVG file must be valid XML, so the embedded styles either need to be properly escaped or wrapped in a
<![CDATA[ ]]>
block.I've tried doing something like this:
But jekyll-assets seems to automatically add a wrapping