{"action":"published","release":{"url":"https://api.github.com/repos/postcss/autoprefixer/releases/8750755","assets_url":"https://api.github.com/repos/postcss/autoprefixer/releases/8750755/assets","upload_url":"https://uploads.github.com/repos/postcss/autoprefixer/releases/8750755/assets{?name,label}","html_url":"https://github.com/postcss/autoprefixer/releases/tag/7.2.0","id":8750755,"tag_name":"7.2.0","target_commitish":"master","name":"7.2 “Ordem e Progresso”","draft":false,"author":{"login":"ai","id":19343,"avatar_url":"https://avatars1.githubusercontent.com/u/19343?v=4","gravatar_id":"","url":"https://api.github.com/users/ai","html_url":"https://github.com/ai","followers_url":"https://api.github.com/users/ai/followers","following_url":"https://api.github.com/users/ai/following{/other_user}","gists_url":"https://api.github.com/users/ai/gists{/gist_id}","starred_url":"https://api.github.com/users/ai/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ai/subscriptions","organizations_url":"https://api.github.com/users/ai/orgs","repos_url":"https://api.github.com/users/ai/repos","events_url":"https://api.github.com/users/ai/events{/privacy}","received_events_url":"https://api.github.com/users/ai/received_events","type":"User","site_admin":false},"prerelease":false,"created_at":"2017-12-03T16:54:55Z","published_at":"2017-12-03T17:28:51Z","assets":[],"tarball_url":"https://api.github.com/repos/postcss/autoprefixer/tarball/7.2.0","zipball_url":"https://api.github.com/repos/postcss/autoprefixer/zipball/7.2.0","body":"<img src=\"https://user-images.githubusercontent.com/19343/33527596-ab375970-d864-11e7-985f-fd8b285092d9.png\" alt=\"Coat of arms of Brazil\" width=\"200\" height=\"200\" align=\"right\" />\r\n\r\nAutoprefixer 7.2 brings better Grid support for IE and `autoprefixer-info` CLI tool\r\n\r\n### Grid Layout\r\n\r\nWith `grid: true` option Autoprefixer adds `-ms-` prefixes to Grid Layout properties. But this feature was very limited.\r\n\r\nIn 7.0 we dramatically improve Grid support for IE. @Alex7Kom added `grid-area` and improved `grid-row` and `grid-column` support. @evgeny-petukhov added `grid-template-areas` and `grid-template` support.\r\n\r\nEven this complex emoji example will work with new Autoprefixer:\r\n\r\n```css\r\nbody {\r\n    display: grid;\r\n    grid-template-rows: auto 300px;\r\n    grid-template-columns: 3fr 1fr;\r\n    grid-template-areas: \"🎩 🎩\"\r\n                         \"🍔 📰\"\r\n                         \"👞 👞\";\r\n}\r\nheader {\r\n    grid-area: 🎩;\r\n}\r\nnav {\r\n    grid-area: 🍔;\r\n}\r\nmain {\r\n    grid-area: 📰;\r\n}\r\nfooter {\r\n    grid-area: 👞;\r\n}\r\n```\r\n\r\n```css\r\nbody {\r\n    display: -ms-grid;\r\n    display: grid;\r\n    -ms-grid-rows: auto 300px;\r\n    grid-template-rows: auto 300px;\r\n    -ms-grid-columns: 3fr 1fr;\r\n    grid-template-columns: 3fr 1fr;\r\n    grid-template-areas: \"🎩 🎩\"\r\n                         \"🍔 📰\"\r\n                         \"👞 👞\";\r\n}\r\nheader {\r\n    -ms-grid-row: 1;\r\n    -ms-grid-column: 1;\r\n    -ms-grid-column-span: 2;\r\n    grid-area: 🎩;\r\n}\r\nnav {\r\n    -ms-grid-row: 2;\r\n    -ms-grid-column: 1;\r\n    grid-area: 🍔;\r\n}\r\nmain {\r\n    -ms-grid-row: 2;\r\n    -ms-grid-column: 2;\r\n    grid-area: 📰;\r\n}\r\nfooter {\r\n    -ms-grid-row: 3;\r\n    -ms-grid-column: 1;\r\n    -ms-grid-column-span: 2;\r\n    grid-area: 👞;\r\n}\r\n```\r\n\r\nJust don’t forget to set `grid: true` option:\r\n\r\n```js\r\nauoprefixer({ grid: true })\r\n```\r\n\r\n### Info CLI Tool\r\n\r\nAutoprefixer 7.2 ships with new CLI tool to check which browsers are selected and which properties will be prefixed.\r\n\r\nJust go to your project directory and run `npx autoprefixer-info`:\r\n\r\n```sh\r\nBrowsers:\r\n  Edge: 16\r\n\r\nThese browsers account for 0.04% of all users globally\r\n\r\nAt-Rules:\r\n  @viewport: ms\r\n\r\nSelectors:\r\n  ::placeholder: ms\r\n\r\nProperties:\r\n  user-select: ms\r\n  hyphens: ms\r\n  appearance: webkit\r\n  scroll-snap-type: ms\r\n  scroll-snap-coordinate: ms\r\n  scroll-snap-destination: ms\r\n  scroll-snap-points-x: ms\r\n  scroll-snap-points-y: ms\r\n  flow-into: ms\r\n  flow-from: ms\r\n  region-fragment: ms\r\n  text-spacing: ms\r\n```\r\n\r\nAlso, @pdokas added default value (current working dir) for `from` option in `autoprefixer.info()` JS API.\r\n\r\n### Other Changes\r\n* Add wrong `radial-gradient` properties warning.\r\n* Do not prefix `reverse` animation direction.\r\n* Improve test coverage (by @Semigradsky)."}}
{"actor":{"display_login":"ai"}}