{"action":"created","issue":{"url":"https://api.github.com/repos/postcss/autoprefixer/issues/1113","repository_url":"https://api.github.com/repos/postcss/autoprefixer","labels_url":"https://api.github.com/repos/postcss/autoprefixer/issues/1113/labels{/name}","comments_url":"https://api.github.com/repos/postcss/autoprefixer/issues/1113/comments","events_url":"https://api.github.com/repos/postcss/autoprefixer/issues/1113/events","html_url":"https://github.com/postcss/autoprefixer/issues/1113","id":359709030,"node_id":"MDU6SXNzdWUzNTk3MDkwMzA=","number":1113,"title":"CSS Grid Not prefixing for `grid-area`","user":{"login":"rodoabad","id":1240667,"node_id":"MDQ6VXNlcjEyNDA2Njc=","avatar_url":"https://avatars1.githubusercontent.com/u/1240667?v=4","gravatar_id":"","url":"https://api.github.com/users/rodoabad","html_url":"https://github.com/rodoabad","followers_url":"https://api.github.com/users/rodoabad/followers","following_url":"https://api.github.com/users/rodoabad/following{/other_user}","gists_url":"https://api.github.com/users/rodoabad/gists{/gist_id}","starred_url":"https://api.github.com/users/rodoabad/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rodoabad/subscriptions","organizations_url":"https://api.github.com/users/rodoabad/orgs","repos_url":"https://api.github.com/users/rodoabad/repos","events_url":"https://api.github.com/users/rodoabad/events{/privacy}","received_events_url":"https://api.github.com/users/rodoabad/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":38,"created_at":"2018-09-13T01:28:10Z","updated_at":"2018-09-13T21:49:51Z","closed_at":"2018-09-13T07:58:02Z","author_association":"NONE","body":"#     \"autoprefixer\": \"^9.0.1\"\r\n\r\nhttps://github.com/rodoabad/automatic-palm-tree\r\n\r\n```\r\n// .browserlistrc\r\n> 1%\r\nlast 2 versions\r\nie >= 11\r\n```\r\n\r\n```\r\n// postcssrc\r\n{\r\n  \"modules\": true,\r\n  \"plugins\": {\r\n    \"autoprefixer\": {\r\n      \"grid\": true\r\n    },\r\n    \"postcss-modules\": {\r\n        \"generateScopedName\": \"[path]_[name]__[local]\"\r\n    }\r\n  }\r\n}\r\n```\r\n\r\n```\r\n// home.scss\r\n.home {\r\n  border: 1px solid darkseagreen;\r\n  display: grid;\r\n\r\n  grid-template-columns: 1fr 1fr; /* <--  IF THIS IS ABOVE grid-template-areas PREFIX IS NOT GENERATED */\r\n  grid-template-rows: 1fr 1fr;/* <--  IF THIS IS ABOVE grid-template-areas PREFIX IS NOT GENERATED */\r\n  grid-template-areas:\r\n    'hello hello'\r\n    'links links';\r\n }\r\n\r\n:global {\r\n  body,\r\n  html {\r\n   box-sizing: border-box;\r\n  }\r\n}\r\n```\r\n\r\n```\r\n// links.scss\r\n.links {\r\n  border: 1px solid red;\r\n  grid-area: links;\r\n}\r\n```\r\n\r\nGenerated (includes other styles I omitted).\r\n\r\n```\r\n.src-_anonymous__anonymous {\r\n  border: 1px solid green; }\r\n.src-_hello__hello {\r\n  border: 1px solid deepskyblue;\r\n  grid-area: hello; }\r\n.src-_links__links {\r\n  border: 1px solid red;\r\n  grid-area: links; }\r\n.src-_home__home {\r\n  border: 1px solid darkseagreen;\r\n  display: -ms-grid;\r\n  display: grid;\r\n  -ms-grid-columns: 1fr 1fr;\r\n      grid-template-columns: 1fr 1fr;\r\n  -ms-grid-rows: 1fr 1fr;\r\n      grid-template-rows: 1fr 1fr;\r\n  grid-template: 'hello hello' 'links links'; }\r\n\r\nbody,\r\nhtml {\r\n  box-sizing: border-box; }\r\n.src-_restricted__restricted {\r\n  border: 1px solid red; }\r\n```"},"comment":{"url":"https://api.github.com/repos/postcss/autoprefixer/issues/comments/421164543","html_url":"https://github.com/postcss/autoprefixer/issues/1113#issuecomment-421164543","issue_url":"https://api.github.com/repos/postcss/autoprefixer/issues/1113","id":421164543,"node_id":"MDEyOklzc3VlQ29tbWVudDQyMTE2NDU0Mw==","user":{"login":"Dan503","id":10610368,"node_id":"MDQ6VXNlcjEwNjEwMzY4","avatar_url":"https://avatars2.githubusercontent.com/u/10610368?v=4","gravatar_id":"","url":"https://api.github.com/users/Dan503","html_url":"https://github.com/Dan503","followers_url":"https://api.github.com/users/Dan503/followers","following_url":"https://api.github.com/users/Dan503/following{/other_user}","gists_url":"https://api.github.com/users/Dan503/gists{/gist_id}","starred_url":"https://api.github.com/users/Dan503/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Dan503/subscriptions","organizations_url":"https://api.github.com/users/Dan503/orgs","repos_url":"https://api.github.com/users/Dan503/repos","events_url":"https://api.github.com/users/Dan503/events{/privacy}","received_events_url":"https://api.github.com/users/Dan503/received_events","type":"User","site_admin":false},"created_at":"2018-09-13T21:49:51Z","updated_at":"2018-09-13T21:49:51Z","author_association":"NONE","body":"Maybe go back and read the context sensitive styles part of the ABEM article again now that you understand what we were trying to tell you.\r\n\r\nIt will probably make more sense or mean something different to you now.\r\n\r\nNot all of it will be relevant to you since you are using CSS modules. The rules it puts in place for what styles to give the parent and what styles to give the child will be useful to you.\r\n\r\nhttps://css-tricks.com/abem-useful-adaptation-bem/"}}
{"actor":{"display_login":"Dan503"}}