Skip to content

Compass incorrectly omits the keyword "at" in radial-gradient rule #1674

Open
@jpuffer

Description

@jpuffer

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions