Jump to content
You must now use your email address to sign in [click for more info] ×

Option to use fill attribute instead of style in SVG export


Recommended Posts

I'm using Affinity Designer to create SVG icons for a website. And I'm using PostCSS and the plugin "postcss-inline-svg" to use those SVG files and apply CSS to them.

 

The problem is, that Affinity applies background colors like this:

<path d="..." style="fill: #123456;"/>

The style attribute has the highest priority in CSS though. That means I can't apply extra CSS rules to it. If I remove the style attribute or replace it with this:

<path d="..." fill="#123456"/>

...it works fine.

 

 

Can you add an option to use `fill="#123456"` instead of `style="fill: #123456;"` when exporting SVG? That'd be great.

Currently I have to do it manually.

 

Thank you.

Link to comment
Share on other sites

  • 2 years later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.