{"action":"created","issue":{"url":"https://api.github.com/repos/mozilla/idea-town/issues/327","labels_url":"https://api.github.com/repos/mozilla/idea-town/issues/327/labels{/name}","comments_url":"https://api.github.com/repos/mozilla/idea-town/issues/327/comments","events_url":"https://api.github.com/repos/mozilla/idea-town/issues/327/events","html_url":"https://github.com/mozilla/idea-town/issues/327","id":121334127,"number":327,"title":"Tweak CSS to only output certain vendor prefixes?","user":{"login":"pdehaan","id":557895,"avatar_url":"https://avatars.githubusercontent.com/u/557895?v=3","gravatar_id":"","url":"https://api.github.com/users/pdehaan","html_url":"https://github.com/pdehaan","followers_url":"https://api.github.com/users/pdehaan/followers","following_url":"https://api.github.com/users/pdehaan/following{/other_user}","gists_url":"https://api.github.com/users/pdehaan/gists{/gist_id}","starred_url":"https://api.github.com/users/pdehaan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pdehaan/subscriptions","organizations_url":"https://api.github.com/users/pdehaan/orgs","repos_url":"https://api.github.com/users/pdehaan/repos","events_url":"https://api.github.com/users/pdehaan/events{/privacy}","received_events_url":"https://api.github.com/users/pdehaan/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/mozilla/idea-town/labels/question","name":"question","color":"cc317c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-12-09T20:40:10Z","updated_at":"2015-12-30T00:01:30Z","closed_at":null,"body":"Per [idea-town/idea_town/frontend/static-src/styles/_base.scss:12-18](https://github.com/mozilla/idea-town/blob/fe24e1c41e9b3e77800db186cbbbc1bb7dc57cb8/idea_town/frontend/static-src/styles/_base.scss#L12-L18), we get something like the generated CSS (via Sass and our [AutoPrefixer](https://github.com/mozilla/idea-town/blob/fe24e1c41e9b3e77800db186cbbbc1bb7dc57cb8/gulpfile.js#L112) task):\r\n\r\n### INPUT:\r\n```css\r\nbody {\r\n  box-sizing: border-box;\r\n  display: flex;\r\n  flex-direction: column;\r\n  font-family: 'Open Sans', sans-serif;\r\n  font-size: 1.6rem;\r\n}\r\n```\r\n\r\n### OUTPUT:\r\n```css\r\nbody {\r\n  box-sizing: border-box;\r\n  display: -webkit-box;\r\n  display: -webkit-flex;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n  -webkit-box-orient: vertical;\r\n  -webkit-box-direction: normal;\r\n  -webkit-flex-direction: column;\r\n      -ms-flex-direction: column;\r\n          flex-direction: column;\r\n  font-family: 'Open Sans', sans-serif;\r\n  font-size: 1.6rem; }\r\n```\r\n\r\n### AUTOPREFIXER CONFIG:\r\n```js\r\n.pipe(autoprefixer('last 2 versions'))\r\n```\r\n\r\nIf we're only intending for this site to be used by Firefox browsers, not sure if we want to strip out the `-webkit-` and `-ms-` prefixes."},"comment":{"url":"https://api.github.com/repos/mozilla/idea-town/issues/comments/167902480","html_url":"https://github.com/mozilla/idea-town/issues/327#issuecomment-167902480","issue_url":"https://api.github.com/repos/mozilla/idea-town/issues/327","id":167902480,"user":{"login":"meandavejustice","id":1844554,"avatar_url":"https://avatars.githubusercontent.com/u/1844554?v=3","gravatar_id":"","url":"https://api.github.com/users/meandavejustice","html_url":"https://github.com/meandavejustice","followers_url":"https://api.github.com/users/meandavejustice/followers","following_url":"https://api.github.com/users/meandavejustice/following{/other_user}","gists_url":"https://api.github.com/users/meandavejustice/gists{/gist_id}","starred_url":"https://api.github.com/users/meandavejustice/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/meandavejustice/subscriptions","organizations_url":"https://api.github.com/users/meandavejustice/orgs","repos_url":"https://api.github.com/users/meandavejustice/repos","events_url":"https://api.github.com/users/meandavejustice/events{/privacy}","received_events_url":"https://api.github.com/users/meandavejustice/received_events","type":"User","site_admin":false},"created_at":"2015-12-30T00:01:30Z","updated_at":"2015-12-30T00:01:30Z","body":"We need the landing page to be supported in other browsers. Since the example styles above seem to be referring to the flexbox which is used on the main page, I think we may be stuck with the prefixes for now. The only other option I can think of right now would be to build a separate css file for the landing page with all prefixes."}}