{"action":"created","issue":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/10134","repository_url":"https://api.github.com/repos/zurb/foundation-sites","labels_url":"https://api.github.com/repos/zurb/foundation-sites/issues/10134/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-sites/issues/10134/comments","events_url":"https://api.github.com/repos/zurb/foundation-sites/issues/10134/events","html_url":"https://github.com/zurb/foundation-sites/issues/10134","id":233444391,"node_id":"MDU6SXNzdWUyMzM0NDQzOTE=","number":10134,"title":"[XY Grid] Foundation 7 - 2 Dimensional Grid System - Using Feature Queries/CSS Grid and discussion on whether to fully DROP IE or not?","user":{"login":"IamManchanda","id":4970624,"node_id":"MDQ6VXNlcjQ5NzA2MjQ=","avatar_url":"https://avatars3.githubusercontent.com/u/4970624?v=4","gravatar_id":"","url":"https://api.github.com/users/IamManchanda","html_url":"https://github.com/IamManchanda","followers_url":"https://api.github.com/users/IamManchanda/followers","following_url":"https://api.github.com/users/IamManchanda/following{/other_user}","gists_url":"https://api.github.com/users/IamManchanda/gists{/gist_id}","starred_url":"https://api.github.com/users/IamManchanda/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/IamManchanda/subscriptions","organizations_url":"https://api.github.com/users/IamManchanda/orgs","repos_url":"https://api.github.com/users/IamManchanda/repos","events_url":"https://api.github.com/users/IamManchanda/events{/privacy}","received_events_url":"https://api.github.com/users/IamManchanda/received_events","type":"User","site_admin":false},"labels":[{"id":511384582,"node_id":"MDU6TGFiZWw1MTEzODQ1ODI=","url":"https://api.github.com/repos/zurb/foundation-sites/labels/Foundation%207","name":"Foundation 7","color":"7919e7","default":false},{"id":618520978,"node_id":"MDU6TGFiZWw2MTg1MjA5Nzg=","url":"https://api.github.com/repos/zurb/foundation-sites/labels/XY%20Grid","name":"XY Grid","color":"1197eb","default":false},{"id":620246753,"node_id":"MDU6TGFiZWw2MjAyNDY3NTM=","url":"https://api.github.com/repos/zurb/foundation-sites/labels/discussion","name":"discussion","color":"43a047","default":false}],"state":"open","locked":false,"assignee":{"login":"IamManchanda","id":4970624,"node_id":"MDQ6VXNlcjQ5NzA2MjQ=","avatar_url":"https://avatars3.githubusercontent.com/u/4970624?v=4","gravatar_id":"","url":"https://api.github.com/users/IamManchanda","html_url":"https://github.com/IamManchanda","followers_url":"https://api.github.com/users/IamManchanda/followers","following_url":"https://api.github.com/users/IamManchanda/following{/other_user}","gists_url":"https://api.github.com/users/IamManchanda/gists{/gist_id}","starred_url":"https://api.github.com/users/IamManchanda/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/IamManchanda/subscriptions","organizations_url":"https://api.github.com/users/IamManchanda/orgs","repos_url":"https://api.github.com/users/IamManchanda/repos","events_url":"https://api.github.com/users/IamManchanda/events{/privacy}","received_events_url":"https://api.github.com/users/IamManchanda/received_events","type":"User","site_admin":false},"assignees":[{"login":"IamManchanda","id":4970624,"node_id":"MDQ6VXNlcjQ5NzA2MjQ=","avatar_url":"https://avatars3.githubusercontent.com/u/4970624?v=4","gravatar_id":"","url":"https://api.github.com/users/IamManchanda","html_url":"https://github.com/IamManchanda","followers_url":"https://api.github.com/users/IamManchanda/followers","following_url":"https://api.github.com/users/IamManchanda/following{/other_user}","gists_url":"https://api.github.com/users/IamManchanda/gists{/gist_id}","starred_url":"https://api.github.com/users/IamManchanda/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/IamManchanda/subscriptions","organizations_url":"https://api.github.com/users/IamManchanda/orgs","repos_url":"https://api.github.com/users/IamManchanda/repos","events_url":"https://api.github.com/users/IamManchanda/events{/privacy}","received_events_url":"https://api.github.com/users/IamManchanda/received_events","type":"User","site_admin":false}],"milestone":null,"comments":78,"created_at":"2017-06-04T16:36:20Z","updated_at":"2018-09-17T08:18:46Z","closed_at":null,"author_association":"COLLABORATOR","body":"I know there are some who have proposed to let user code CSS Grid \r\nBut here is what i think, \r\n\r\nFor **Foundation 7**,\r\nIt has been decided to drop support for IE9 & IE10 ... I propose to drop support for IE11 also.\r\nWhoever need to support IE, should use **foundation 6**\r\n\r\n### What are the benefits ??\r\nWell we can use [feature queries](https://hacks.mozilla.org/2016/08/using-feature-queries-in-css/) combining css grid with fallback to flex grid.\r\n\r\n```scss\r\n@supports (display: grid) {\r\n  .grid-x, .grid-y {\r\n    display: grid; // CSS Grid\r\n  }\r\n}\r\n@supports not (display: grid) {\r\n  .grid-x, .grid-y {\r\n    display: flex; // Flex Grid as fallback\r\n  }\r\n}\r\n```\r\n\r\n### Browser Support\r\n\r\n**Feature Queries** : http://caniuse.com/#feat=css-featurequeries\r\n**CSS Grid**: http://caniuse.com/#feat=css-grid\r\n\r\n=> Let's Make the web Great again!"},"comment":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/comments/421924135","html_url":"https://github.com/zurb/foundation-sites/issues/10134#issuecomment-421924135","issue_url":"https://api.github.com/repos/zurb/foundation-sites/issues/10134","id":421924135,"node_id":"MDEyOklzc3VlQ29tbWVudDQyMTkyNDEzNQ==","user":{"login":"SassNinja","id":19912475,"node_id":"MDQ6VXNlcjE5OTEyNDc1","avatar_url":"https://avatars1.githubusercontent.com/u/19912475?v=4","gravatar_id":"","url":"https://api.github.com/users/SassNinja","html_url":"https://github.com/SassNinja","followers_url":"https://api.github.com/users/SassNinja/followers","following_url":"https://api.github.com/users/SassNinja/following{/other_user}","gists_url":"https://api.github.com/users/SassNinja/gists{/gist_id}","starred_url":"https://api.github.com/users/SassNinja/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/SassNinja/subscriptions","organizations_url":"https://api.github.com/users/SassNinja/orgs","repos_url":"https://api.github.com/users/SassNinja/repos","events_url":"https://api.github.com/users/SassNinja/events{/privacy}","received_events_url":"https://api.github.com/users/SassNinja/received_events","type":"User","site_admin":false},"created_at":"2018-09-17T08:18:46Z","updated_at":"2018-09-17T08:18:46Z","author_association":"COLLABORATOR","body":"I've reread this issue again and I think I missed sth:\r\nyou don't wanna end up overriding CSS for modern browsers, do you?\r\nSo avoid something as\r\n\r\n```css\r\ndiv {\r\n  display: flex;\r\n}\r\n@supports (display: grid) {\r\n  div {\r\n    display: grid;\r\n  }\r\n}\r\n```\r\n\r\nIf so I can't imagine another way than shown in your example even if I still don't like the duplicate fallback."}}
{"actor":{"display_login":"SassNinja"}}