SVGs with embedded CSS media queries don't display correctly

[Mart-Bogdan]

Example of such SVGs:

• https://web.archive.org/web/20131022015203/http://people.opera.com/andreasb/demos/demos_svgopen2009/update/svgscalelogo.html
• https://web.archive.org/web/20131022020404/http://people.opera.com/andreasb/demos/demos_svgopen2009/update/svgscalebasic.html

Currently previewer shows only base version without media queries.

For example this two extensions:

• https://open-vsx.org/extension/sndst00m/vscode-native-svg-preview extension (https://gitlab.com/SNDST00M/vscode-native-svg-preview)
• https://marketplace.visualstudio.com/items?itemName=vitaliymaz.vscode-svg-previewer (https://github.com/vitaliymaz/vscode-svg-previewer)

are able to display it correctly.

Example files:

• circle

  

• logo

  

• gold_trend

  

(all credits for image samples go to Andreas Bovens and his conference talk https://dev.opera.com/blog/how-media-queries-allow-you-to-optimize-svg-icons-for-several-sizes/ )