webcompat / css-fixme

A script that adds standardised equivalents to CSS declarations that uses only prefixed code
https://www.webcompat.com/tools/cssfixme
Mozilla Public License 2.0
9 stars 3 forks source link

gradients old syntax to new syntax #18

Open karlcow opened 8 years ago

karlcow commented 8 years ago

when there is a linear-gradient like this

.maia-button {
    background: -webkit-linear-gradient(top, #7ddc1f 0, #64c306 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7ddc1f 0), color-stop(1, #64c306 100%));
    background: -moz-linear-gradient(top, #7ddc1f 0, #64c306 100%);
    background: -moz-gradient(linear, left top, left bottom, color-stop(0, #7ddc1f 0), color-stop(1, #64c306 100%));
    background: linear-gradient(top, #7ddc1f 0, #64c306 100%);
    background-color: #7ddc1f;
    border-color: #5dba00;
    font: 15px/22px 'Open sans', Arial, sans-serif;
    font-weight: 400;
    letter-spacing: .5px;
    padding: 9px 33px
}

it should be fixed as:

  background: linear-gradient(to bottom, #7ddc1f 0, #64c306 100%);