Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

One solution for styling is to remove all of the default values for fill and stroke from the svg ( this can be done as part of the build process by grunt-svgstore. In the CSS for the page, you could set the fill colour to "currentColor". This will take the value of the inherited or set color. It is possible to set the fill or stroke color in the svg itself to "currentColor" which provides for two color svgs. However, it does not seem possible to export svgs with this value from Illustrator, and would have to be manually inserted into the SVG itself; posing a maintenance burden.

Note:

  • CSS stroke will override a presentation attribute <path stroke="#fff" ... />
  • CSS stroke will not override an inline style e.g. <path style="stroke: #fff;" ... />


See: