Skip to content

Missing gradients in the learn.jquery.com CSS #335

Closed
@mgol

Description

@mgol

learn.jquery.com CSS includes many vendor prefixes for linear-gradient but it misses the most important form: the prefixless one. An example:

    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffea94), to(#FFEA5E)); 
    background-image: -webkit-linear-gradient(top, #ffea94, #FFEA5E); 
    background-image:    -moz-linear-gradient(top, #ffea94, #FFEA5E); 
    background-image:     -ms-linear-gradient(top, #ffea94, #FFEA5E); 
    background-image:      -o-linear-gradient(top, #ffea94, #FFEA5E); 

from:

background-image: -webkit-gradient(linear, left top, left bottom, from(#ffea94), to(#FFEA5E));
background-image: -webkit-linear-gradient(top, #ffea94, #FFEA5E);
background-image: -moz-linear-gradient(top, #ffea94, #FFEA5E);
background-image: -ms-linear-gradient(top, #ffea94, #FFEA5E);
background-image: -o-linear-gradient(top, #ffea94, #FFEA5E);

By the way, Opera doesn't need a prefix since 12.10 (the last Presto version, current version is 26), Firefox from 16 (current version is 34); IE has never needed a prefix (only IE10 previews required one). The older WebKit gradient form also doesn't seem to be needed; the newer one is needed for the Android Browser. We only really need two forms IMO:

    background-image: -webkit-linear-gradient(top, #ffea94, #FFEA5E); 
    background-image:         linear-gradient(to bottom, #ffea94, #FFEA5E); 

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions