Add all SVG properties

[skrat]

I think this might be useful as SVG is becoming more common. It should recognize all non-CSS2 SVG properties as specified here http://www.w3.org/TR/SVG/styling.html#SVGStylingProperties

I tried myself but adding them to known-properties.js and building, doesn't seem to work.

[mahonnaise]

I tried myself but adding them to known-properties.js and building, doesn't seem to work.

That's because the properties object in src/rules/known-properties.js isn't actually used. Whether the property is valid or not is determined by the parser-lib.

[skrat]

All right, can it be removed then to avoid further confusion?

[mahonnaise]

Sure.

[nzakas]

@stubbornella thoughts on adding SVG properties?

[stubbornella]

I haven't seen this in the wild. @skrat - Can you give examples of svg properties used live? Preferably on large commercial type sites rather than experimental blog type sites.

[mahonnaise]

The almighty pointer-events property is from SVG.

[pointer-events:none makes clicks pass right through your object. This is neat if you want fade out effects without obstructing the clickable areas of elements below your gradient.]

SVG filters are also kinda cool. However, right now they are only supported by Gecko (outside of SVG, that is).

[skrat]

This is the killer feature of SVG over Canvas. I use it to style complex
drawing application built with SVG embedded in HTML. Other use cases might
include styling graphs and plots and any other app that uses SVG for the
view.

Sent from my HAL9000

[joshcarr]

@stubbornella, @skrat and @nzakas The popular d3.js project (with ~8600 stars and ~1200 forks) is a big proponent of using SVG and styling with CSS. D3 is used by the NY Times, Square, GitHub and other large commercial orgs. Consider this another vote for adding these properties to the 'known' list.

[partap]

@joshcarr I came here to say that. I've never used SVG styles before, but my new project uses d3, and now csslint is bitchy. :)

[SoftwareDreamer]

csslint is in the way of d3.js, for sure.. who had the idea of really leaving them out, anyway? Anyway.. please add them.

[timmywil]

A friendly bump. Sure would be nice to have this.

[bigethan]

Using SVG styles to color some D3 charts at Trulia. Not an experimental blog :-)