{"action":"created","issue":{"url":"https://api.github.com/repos/peterramsing/lost/issues/200","labels_url":"https://api.github.com/repos/peterramsing/lost/issues/200/labels{/name}","comments_url":"https://api.github.com/repos/peterramsing/lost/issues/200/comments","events_url":"https://api.github.com/repos/peterramsing/lost/issues/200/events","html_url":"https://github.com/peterramsing/lost/issues/200","id":123316987,"number":200,"title":"Safari (OS X and iOS) nested grid gap appearing","user":{"login":"bradryanbice","id":8323556,"avatar_url":"https://avatars.githubusercontent.com/u/8323556?v=3","gravatar_id":"","url":"https://api.github.com/users/bradryanbice","html_url":"https://github.com/bradryanbice","followers_url":"https://api.github.com/users/bradryanbice/followers","following_url":"https://api.github.com/users/bradryanbice/following{/other_user}","gists_url":"https://api.github.com/users/bradryanbice/gists{/gist_id}","starred_url":"https://api.github.com/users/bradryanbice/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bradryanbice/subscriptions","organizations_url":"https://api.github.com/users/bradryanbice/orgs","repos_url":"https://api.github.com/users/bradryanbice/repos","events_url":"https://api.github.com/users/bradryanbice/events{/privacy}","received_events_url":"https://api.github.com/users/bradryanbice/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/peterramsing/lost/labels/component:%20lost-column","name":"component: lost-column","color":"d4c5f9"},{"url":"https://api.github.com/repos/peterramsing/lost/labels/needs:%20Investigation","name":"needs: Investigation","color":"c7def8"},{"url":"https://api.github.com/repos/peterramsing/lost/labels/type:%20Bug","name":"type: Bug","color":"fc2929"}],"state":"open","locked":false,"assignee":{"login":"peterramsing","id":3523268,"avatar_url":"https://avatars.githubusercontent.com/u/3523268?v=3","gravatar_id":"","url":"https://api.github.com/users/peterramsing","html_url":"https://github.com/peterramsing","followers_url":"https://api.github.com/users/peterramsing/followers","following_url":"https://api.github.com/users/peterramsing/following{/other_user}","gists_url":"https://api.github.com/users/peterramsing/gists{/gist_id}","starred_url":"https://api.github.com/users/peterramsing/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/peterramsing/subscriptions","organizations_url":"https://api.github.com/users/peterramsing/orgs","repos_url":"https://api.github.com/users/peterramsing/repos","events_url":"https://api.github.com/users/peterramsing/events{/privacy}","received_events_url":"https://api.github.com/users/peterramsing/received_events","type":"User","site_admin":false},"milestone":null,"comments":8,"created_at":"2015-12-21T16:57:47Z","updated_at":"2015-12-30T20:52:33Z","closed_at":null,"body":"I'm only seeing this in Safari (OS X and iOS), but when nesting a grid, I am getting the attached gap at the end of the nested row. Not an issue in Chrome or Firefox on Mac.\r\n\r\nHTML:\r\n```html\r\n    <div class=\"grid-lost-2 om-grid-display\">\r\n\t    <section>\r\n\t\t    <div>1</div>\r\n\t\t    <div>2</div>\r\n\t\t    <div>3\r\n\t\t\t    <section>\r\n\t\t\t\t    <div>1</div>\r\n\t\t\t\t    <div>2</div>\r\n\t\t\t\t    <div>3</div>\r\n\t\t\t\t    <div>4</div>\r\n\t\t\t    </section>\r\n\t\t    </div>\r\n\t    </section>\r\n    </div>\r\n```\r\nSCSS:\r\n```scss\r\n    .grid-lost {\r\n\t    & + & {\r\n\t\t    margin-top: 3.2rem;\r\n\t    }\r\n\t    section {\r\n\t\t    lost-center: 1170px; // Max-width, center and clearfix\r\n\t    }\r\n\t    div {\r\n\t\t    lost-column: 1/4;\r\n\t\t    @media all and (min-width: $break1) {\r\n\t\t\t    lost-column: 1/6;\r\n\t\t    }\r\n\t\t    @media all and (min-width: $break2) {\r\n\t\t\t    lost-column: 1/12;\r\n\t\t    }\r\n\t    }\r\n    }\r\n\r\n    .grid-lost-2 {\r\n\t    @extend .grid-lost;\r\n\t    & > section > div {\r\n\t\t    lost-column: 1/4;\r\n\t    }\r\n\t    & > section > div:last-child {\r\n\t\t    lost-column: 1/2 3;\r\n\t    }\r\n\t    & > section > div > section > div {\r\n\t\t    lost-column: 1/4;\r\n\t    }\r\n    }\r\n```\r\n![screen shot 2015-12-21 at 10 01 05 am](https://cloud.githubusercontent.com/assets/8323556/11934821/f98c6318-a7c9-11e5-9167-75e2388917e0.png)"},"comment":{"url":"https://api.github.com/repos/peterramsing/lost/issues/comments/168071816","html_url":"https://github.com/peterramsing/lost/issues/200#issuecomment-168071816","issue_url":"https://api.github.com/repos/peterramsing/lost/issues/200","id":168071816,"user":{"login":"peterramsing","id":3523268,"avatar_url":"https://avatars.githubusercontent.com/u/3523268?v=3","gravatar_id":"","url":"https://api.github.com/users/peterramsing","html_url":"https://github.com/peterramsing","followers_url":"https://api.github.com/users/peterramsing/followers","following_url":"https://api.github.com/users/peterramsing/following{/other_user}","gists_url":"https://api.github.com/users/peterramsing/gists{/gist_id}","starred_url":"https://api.github.com/users/peterramsing/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/peterramsing/subscriptions","organizations_url":"https://api.github.com/users/peterramsing/orgs","repos_url":"https://api.github.com/users/peterramsing/repos","events_url":"https://api.github.com/users/peterramsing/events{/privacy}","received_events_url":"https://api.github.com/users/peterramsing/received_events","type":"User","site_admin":false},"created_at":"2015-12-30T20:52:33Z","updated_at":"2015-12-30T20:52:33Z","body":"I'll spend some time looking at it tonight. You'll have something from me by tonight.\r\n\r\n@corysimmons You're right. A float fixes it just fine but it feels a bit like a hack and there could be unintended consequences. Especially when the issue is only in Safari."}}