Edit CSS doesn't like background-image gradients
-
I’ve copy/pasted background-image gradients from Twitter Bootstrap and other online generators into Jetpack’s Edit CSS. No problem with Jetpack accepting the input, it just doesn’t output past the first gradient declaration. So this:
.btn-primary { background-color: rgb(0,109,204); background-image: -webkit-gradient(linear,0 0,0 100%,from(rgb(0,136,204)),to(rgb(0,68,204))); background-image: -webkit-linear-gradient(top,rgb(0,136,204),rgb(0,68,204)); background-image: -o-linear-gradient(top,rgb(0,136,204),rgb(0,68,204)); background-image: linear-gradient(to bottom,rgb(0,136,204),rgb(0,68,204)); background-image: -moz-linear-gradient(top,rgb(0,136,204),rgb(0,68,204)); }
results in this in Chrome/Safari:
.btn-primary { background-color: rgb(0,109,204); background-image: -webkit-gradient(linear,0 0,0 100%,from(rgb(0,136,204)),to(rgb(0,68,204))); }
and this in Firefox:
btn-primary { background-color: rgb(0,109,204); }
I haven’t tried IE9, but this would appear to be a Jetpack bug.
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
- The topic ‘Edit CSS doesn't like background-image gradients’ is closed to new replies.