fidian/PrettyCSS

Support radial-gradient

Opened this issue · 3 comments

outoftime commented

Hello,

I noticed that radial-gradient and the associated vendor properties are not recognized, though linear-gradient et. al. are. Seems like an oversight?

Thanks for the great library!
Mat

fidian commented

I would rather add proper support for the properties. Would you be willing to assemble links to the CSS specs for the various browsers? For instance, typically I have been using the CSS3 spec, useful Webkit Blog Posts and Firefox's documentation. Can you help me find references for the other browsers or variations on the syntax?

With the rules as found on other websites, I am able to make a parser that properly validates the value instead of just ignoring it.

outoftime commented

@fidian okay sure, I’ll see what I can come up with. thanks!

outoftime commented

@fidian here you go:

  • CSS3 Spec (you have this one)
  • February 2011 CSS3 Draft Spec
  • MDN (you have this one too)
  • WebKit blog post (this is more recent and covers -webkit-radial-gradient, which I believe has the same syntax as the unprefixed version)
  • MSDN blog post (has examples of older -ms-radial-gradient although the article is about moving to the unprefixed versions)
  • Opera blog post (about gradients in general, but includes examples of -o-radial-gradient)

TL;DR: As far as I can see, the -moz, -webkit, and -o vendor prefixed properties use the same syntax as the current unprefixed spec. It appears from the blog post that the -ms vendor prefix used the older draft spec (so e.g. cover is an allowed size). And of course there is -webkit-gradient.

Let me know if that’s helpful—I must admit I am not a CSS expert, so there might be subtlety I’m missing.