-webkit-gradient issue #112

Closed
fredburger opened this Issue Oct 10, 2013 · 6 comments

Projects

None yet

3 participants

@fredburger

Input (Bootstrap):

.carousel-control.left {
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

Output (note multiple -webkit-*):

.carousel-control.left {
  background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, top left, top right, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
@ai
Member
ai commented Oct 10, 2013

The main idea behind Autoprefixer is to write CSS without prefixes by latest W3C specs. So, work with legacy code is not prior high priority. I will fix it, but not soon :).

But, your PR is always welcome :).

@fredburger

Hm, ok. But it's an interesting feature to realign precompiled CSS with selected browser versions.

Anyway, thanks for sharing your great work with Autoprefixer!

@ai
Member
ai commented Feb 17, 2014

Autoprefixer add double -webkit-gradient because first prefix use different direction -webkit-gradient(linear, 0 top, 100% top. I think to close this issue, because fix will be bad for code climate :).

@ai ai closed this Feb 17, 2014
@cvrebert

@ai Would you consider reopening this issue? Now that Autoprefixer is part of Bootstrap's build process, we're running into this bug.

@ai ai reopened this May 22, 2014
@ai
Member
ai commented May 22, 2014

@cvrebert bug is only with bigger, but working code?

@cvrebert
cvrebert commented Jun 9, 2014

We now believe it was a bug on our side. Sorry for the noise. Thanks for such a great tool!

@ai ai closed this Jun 12, 2014
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment