Hello! First post here, congrats to the devs and the community for this awesome project.
I’m new to webpack and I’ve seen that SVGs included in SCSS are automatically encoded in base64 and inlined to CSS
mask: url('../images/svg/droplet.svg') no-repeat 50% 50%;
mask: url(data:image/svg+xml;base64,PD...o=) no-repeat 50% 50%;
That’s Great! Now, i would like to change the Fill property the SVG on the fly, let’s say being able to change color on :hover .
I’ve found some webpack loaders that can do it but i’ve not been able to implement them on sage:
Example : svg-fill-loader
But i was not able to configure it properly because i can’t read the webpack.config.js correctly.
Have anyone already implemented it in their projects?