Open
Description
The following SASS rule produces incorrect results:
background-image(radial-gradient(center center, #ddd, transparent 100px)
RESULT:
background-image: -moz-radial-gradient(center center, #dddddd, transparent 100px);
background-image: -o-radial-gradient(center center, #dddddd, transparent 100px);
background-image: radial-gradient(center center, #dddddd, transparent 100px); *WRONG
Changing the SASS rule to the following also produces incorrect results:
background-image(radial-gradient(at center center, #ddd, transparent 100px)
RESULT:
background-image: -moz-radial-gradient(at center center, #dddddd, transparent 100px); *WRONG
background-image: -o-radial-gradient(at center center, #dddddd, transparent 100px); *WRONG
background-image: radial-gradient(at center center, #dddddd, transparent 100px);
Expected behavior is that it should put the keyword "at" before "center center" in the non-prefixed version only - like so:
EXPECTED:
background-image: -moz-radial-gradient(center center, #dddddd, transparent 100px);
background-image: -o-radial-gradient(center center, #dddddd, transparent 100px);
background-image: radial-gradient(at center center, #dddddd, transparent 100px);
This is per W3C spec, noted here: http://dev.w3.org/csswg/css-images-3/#radial-gradients