wbond/sublime_prefixr — Issue #2: When running prefixr on a CSS block that already contains some vendor styles, styles before the prefixr'd styles are lost
Author: omgmog
Created: 2011-11-22 12:07:22+00:00
State: open

Take the following snippet for example, I've already got my -webkit vendor prefix and the normal w3c, but would like Prefixr to get me the -moz vendor prefix:

header form#search input{
width: 165px;
height: 22px;
padding: 0 5px 0 27px;
margin: 0;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
float: left;
background: url(spyglass.png) 5px 4px no-repeat;
}

When I run Prefixr I get the following back:

header form#search input{
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
float: left;
background: url(spyglass.png) 5px 4px no-repeat;
}

I've now mysteriously lost my width/height/padding/margin styles (all styles before the prefixr'd styles).

If I run the same snippet on prefixr.com I get the following back:

header form#search input {
width: 165px;
height: 22px;
padding: 0 5px 0 27px;
margin: 0;

-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
float: left;
background: url(spyglass.png) 5px 4px no-repeat;
}