{"action":"opened","issue":{"url":"https://api.github.com/repos/postcss/autoprefixer/issues/646","repository_url":"https://api.github.com/repos/postcss/autoprefixer","labels_url":"https://api.github.com/repos/postcss/autoprefixer/issues/646/labels{/name}","comments_url":"https://api.github.com/repos/postcss/autoprefixer/issues/646/comments","events_url":"https://api.github.com/repos/postcss/autoprefixer/issues/646/events","html_url":"https://github.com/postcss/autoprefixer/issues/646","id":150610461,"number":646,"title":"Linear gradient nonstandard direction issue","user":{"login":"ntwb","id":1016458,"avatar_url":"https://avatars.githubusercontent.com/u/1016458?v=3","gravatar_id":"","url":"https://api.github.com/users/ntwb","html_url":"https://github.com/ntwb","followers_url":"https://api.github.com/users/ntwb/followers","following_url":"https://api.github.com/users/ntwb/following{/other_user}","gists_url":"https://api.github.com/users/ntwb/gists{/gist_id}","starred_url":"https://api.github.com/users/ntwb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ntwb/subscriptions","organizations_url":"https://api.github.com/users/ntwb/orgs","repos_url":"https://api.github.com/users/ntwb/repos","events_url":"https://api.github.com/users/ntwb/events{/privacy}","received_events_url":"https://api.github.com/users/ntwb/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-04-24T00:34:19Z","updated_at":"2016-04-24T00:34:19Z","closed_at":null,"body":"I discovered this via stylelint rule [function-linear-gradient-no-nonstandard-direction](https://github.com/stylelint/stylelint/tree/master/src/rules/function-linear-gradient-no-nonstandard-direction)\r\n\r\n```shell\r\n1542:44\t⚠  Unexpected nonstandard direction for linear-gradient (function-linear-gradient-no-nonstandard-direction) [stylelint]\r\n```\r\n\r\nThe CSS:\r\n```css\r\n.foo { \r\n  background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); \r\n}\r\n```\r\n\r\nAutoprefixer options:\r\n```\r\nAndroid >= 2.1,Chrome >= 21,Edge >= 12,Explorer >= 7,Firefox >= 17,Opera >= 12.1,Safari >= 6.0\r\n```\r\n\r\nAutoprefixer result:\r\n```css\r\n.foo { \r\n  background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))); \r\n  background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); \r\n  background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); \r\n}\r\n```\r\n\r\nExpected result:\r\n```css\r\n.foo { \r\n  background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0))); \r\n  background-image: -webkit-linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); \r\n  background-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); \r\n}\r\n```\r\n\r\nThe difference is line 2 and `to right` instead of `right`\r\n\r\n> _\"A valid and standard direction value is one of the following: `to` plus a side-or-corner (`to top`, `to bottom`, `to left`, `to right`; `to top right`, `to right top`, `to bottom left`, etc.)\"_"}}