You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi, I'm currently working on some project where we inline our svgs in the CSS (SCSS). At this moment I'm facing a situation where I have one SVG file per icon and I would like to have it in different colors.
While there is no easy way to style using CSS the SVG inlined as URL, I had an idea to change the color using SCSS variables. As this awesome guy did here: https://codepen.io/kevinweber/pen/dXWoRw.
However, I would like to have my svgs in separate files and use this loader for encoding instead of doing everything in SCSS.
So my idea is to use this loader before SCSS loader, and by configuration tell this loader to skip given phrase or skip scss variables or sth.
If you like this idea I can propose some PR.
The text was updated successfully, but these errors were encountered:
@dimitor115 can you please explain your idea more?
So my idea is to use this loader before SCSS loader, and by configuration tell this loader to skip given phrase or skip scss variables or sth.
This loader should be applied to SVG files. When applied to SCSS file it may work because currently internally it uses regular expressions to escape unsafe characters. However this is internal implementation detail and one should not rely on that.
Hi, I'm currently working on some project where we inline our svgs in the CSS (SCSS). At this moment I'm facing a situation where I have one SVG file per icon and I would like to have it in different colors.
While there is no easy way to style using CSS the SVG inlined as URL, I had an idea to change the color using SCSS variables. As this awesome guy did here: https://codepen.io/kevinweber/pen/dXWoRw.
However, I would like to have my svgs in separate files and use this loader for encoding instead of doing everything in SCSS.
So my idea is to use this loader before SCSS loader, and by configuration tell this loader to skip given phrase or skip scss variables or sth.
If you like this idea I can propose some PR.
The text was updated successfully, but these errors were encountered: