thoughtbot/bourbon — Issue #73: Deprecated Webkit Linear Gradient not respecting gradient direction
Author: bobbymarko
Created: 2012-03-09 00:55:07+00:00
State: open

I'm trying to create a gradient that goes from left to right. I'm using the following in my SCSS file using Bourbon 1.4.0:
```@include linear-gradient(left, rgba(0,0,0,0.4) 0%, rgba(255,255,255,.5) 5%, rgba(255,255,255,0) 12%, $fallback:'transparent');```

This is what I end up getting back
```background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(5%, rgba(255, 255, 255, 0.5)), color-stop(12%, rgba(255, 255, 255, 0)));```
```background-image: linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, rgba(255, 255, 255, 0.5) 5%, rgba(255, 255, 255, 0) 12%);```

So in iOS4 the gradient ends up going from the top down. I also tried using different degrees for the direction but the changes never took effect in older webkit.